getColorFromImage

La función getColorFromImage está diseñada para extraer el color principal de una imagen. Después de obtenerlo, puedes usar la función setColorScheme para establecer el esquema de colores y activar la función de color dinámico.

Uso

Importa la función cuando lo necesites:

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

Ejemplo de uso:

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

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

API

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

La función recibe como parámetro un selector CSS de un elemento <img>, un objeto HTMLImageElement, o un objeto JQ que contenga un elemento <img>.

El valor de retorno es una Promise, cuyo valor es el valor de color hexadecimal del color principal de la imagen (por ejemplo, #ff0000).