getColorFromImage

La funzione getColorFromImage estrae il colore dominante da un'immagine.

Il colore estratto può essere usato insieme alla funzione setColorScheme per implementare la funzionalità colore dinamico.

Utilizzo

Importa la funzione:

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

Esempio:

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

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

API

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

Questa funzione accetta come parametro un selettore CSS per un elemento <img>, un oggetto HTMLImageElement o un oggetto JQ che rappresenta un elemento <img>.

Restituisce una Promise che restituisce il valore esadecimale del colore dominante nell'immagine (ad es. #ff0000).