Automatisch kontrastierenden text-Farbe auf das hintergrund Bild Farbe
Ich bin auf der Suche nach einer Möglichkeit zum ändern der Farbe von text an #000 oder #fff, je nach der Hauptfarbe des Hintergrundbildes in einem div namens "banner". Die hintergrund-Bilder sind zufällig gewählt, auf jeder Seite, so dass ich in der Lage sein müssen, die dies automatisch tun. Ich kam in JavaScript Farbe contraster aber ich bin kämpfen, um zu verstehen, wie es richtig geht. Ich merke, der link, den ich gepostet habe gibt eine Lösung in javascript und das habe ich auch gelesen über eine mögliche Lösung in jquery.
Ich bin ratlos mit den Funktionen also, wenn jemand erklären könnte, klar, wie konnte ich dies erreichen, wo Stelle ich die Funktionen und wie ich "nennen Sie" (wenn das der richtige Begriff!) um es zu verwenden, wäre ich wirklich dankbar.
Vielen Dank für jede Hilfe.
- möglich, Duplikat der Wie Sie entscheiden die Schriftfarbe in weiß oder schwarz, je nach hintergrund-Farbe?
- Nicht sicher, die Antwort würde helfen, den OP hier.
- Siehe die Colours.js - Bibliothek für
complimentary
Farben. Und siehe auch diese Frage über den Bild-Durchschnitt Farbe.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Konnten Sie so etwas tun. (mit Colours.js und diese Antwort)
Beachten Sie, dies funktioniert nur mit Bildern in der gleichen Domäne und in Browsern, die HTML5 unterstützen Leinwand.
JS:
HTML: