UNPKG

mdui

Version:

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

13 lines (12 loc) 522 B
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); };