mdui/functions/getColorFromImage.js

实现 material you 设计规范的 Web Components 组件库

import { sourceColorFromImage, hexFromArgb, } from '@material/material-color-utilities';
import { $ } from '@mdui/jq/$.js';
/**
 * 根据指定的图片，提取出主色调的十六进制颜色值
 * @param image `<img>` 元素的 CSS 选择器、或 `<img>` 元素、或 JQ 对象
 * @return string 十六进制颜色值。例如：`#ff0000`
 */
export const getColorFromImage = async (image) => {
    const $image = $(image);
    const source = await sourceColorFromImage($image[0]);
    return hexFromArgb(source);
};