getColorFromImage
getColorFromImage 函式用來從指定圖片中擷取主色調。取得主色調後,你可以使用 setColorScheme 函式來設定配色方案,進而實作動態配色功能。
使用方式
按需引入函式:
import { getColorFromImage } from 'mdui/functions/getColorFromImage.js';
使用範例:
const image = new Image();
image.src = 'demo.png';
getColorFromImage(image).then((color) => {
console.log(color);
});
API
getColorFromImage(image: string | HTMLImageElement | JQ<HTMLImageElement>): Promise<string>
函式接收一個 <img> 元素的 CSS 選擇器、或 HTMLImageElement 物件,或包含 <img> 元素的 JQ 物件 作為參數。
回傳值為 Promise,Promise 的值為圖片主色調的十六進制顏色值(如 #ff0000)。
本頁目錄