MDUI文档
预设颜色
自选颜色
从壁纸提取颜色
请选择一张壁纸
开发指南
样式
与框架集成
组件
工具函数
jq 工具库 dialog alert confirm prompt snackbar getTheme setTheme getColorFromImage setColorScheme removeColorScheme loadLocale setLocale getLocale throttle observeResize breakpoint
独立包

getColorFromImage

The getColorFromImage function is designed to extract the dominant color from an image.

The extracted color can be used in conjunction with the setColorScheme function to implement dynamic color functionality.

Usage

Import the function:

import { getColorFromImage } from 'mdui/functions/getColorFromImage.js';

Example:

const image = new Image();
image.src = "demo.png";

getColorFromImage(image).then(color => {
  console.log(color);
});

API

getColorFromImage(image: string | HTMLImageElement | JQ<HTMLImageElement>): Promise<string>

This function takes a CSS selector for an <img> element, an HTMLImageElement object, or a JQ object representing an <img> element as its parameter.

It returns a Promise that resolves to the hexadecimal color value of the dominant color in the image (e.g., #ff0000).

本页目录