getColorFromImage

Die getColorFromImage-Funktion extrahiert die Hauptfarbe aus einem angegebenen Bild. Nachdem Sie die Hauptfarbe erhalten haben, können Sie die setColorScheme-Funktion verwenden, um ein Farbschema festzulegen und so die Dynamic Color-Funktionalität zu erreichen.

Verwendung

Importieren Sie die Funktion nach Bedarf:

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

Beispiel:

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

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

API

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

Die Funktion akzeptiert einen CSS-Selektor eines <img>-Elements, ein HTMLImageElement-Objekt oder ein JQ-Objekt, das ein <img>-Element enthält, als Argument.

Der Rückgabewert ist ein Promise. Der Wert des Promise ist der hexadezimale Farbwert der Hauptfarbe des Bildes (z. B. #ff0000).