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의 값은 이미지 주 색상의 16진수 색상 값(예: #ff0000)입니다.