getColorFromImage

La fonction getColorFromImage extrait la couleur dominante d'une image. Vous pouvez ensuite utiliser la fonction setColorScheme pour définir un schéma de couleurs, implémentant ainsi la couleur dynamique.

Utilisation

Importez la fonction selon vos besoins :

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

Exemple d'utilisation :

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 fonction prend en paramètre un sélecteur CSS pointant vers un élément <img>, un objet HTMLImageElement, ou un objet JQ contenant un élément <img>.

La valeur de retour est une Promise, résolue avec la valeur hexadécimale de la couleur dominante de l'image (par exemple #ff0000).