EyeDropper API

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Sicherer Kontext: Diese Funktion ist nur in sicheren Kontexten (HTTPS) in einigen oder allen unterstützenden Browsern verfügbar.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig, bevor Sie diese produktiv verwenden.

Die EyeDropper API bietet einen Mechanismus zur Erstellung eines Farbaufnahmewerkzeugs. Mit diesem Tool können Benutzer Farben von ihren Bildschirmen aufnehmen, einschließlich außerhalb des Browserfensters.

Konzept

Kreative Anwendungen erlauben es oft Benutzern, Farben aus Zeichnungen oder Formen in der Anwendung zur Wiederverwendung aufzunehmen. Webanwendungen können die EyeDropper API nutzen, um einen ähnlichen Farbaufnahme-Modus bereitzustellen, der vom Browser bereitgestellt wird.

Mit der API kann eine Webanwendung den Farbaufnahme-Modus starten. Sobald gestartet, ändert sich der Cursor, um dem Benutzer anzuzeigen, dass der Modus aktiv ist. Der Benutzer kann dann entweder eine Farbe von irgendwo auf dem Bildschirm auswählen oder den Farbaufnahme-Modus durch Drücken der Escape-Taste beenden.

Sicherheits- und Datenschutzmaßnahmen

Um zu verhindern, dass bösartige Websites unbemerkt Pixeldaten vom Bildschirm eines Benutzers abrufen, implementiert die EyeDropper API folgende Maßnahmen:

  • Die API lässt den Farbaufnahme-Modus nicht ohne Benutzerabsicht starten. Die Methode EyeDropper.open() kann nur als Reaktion auf eine Benutzeraktion (wie z.B. einen Klick auf eine Schaltfläche) aufgerufen werden.
  • Keine Pixelinformationen können ohne Benutzerabsicht abgerufen werden. Das von EyeDropper.open() zurückgegebene Versprechen wird nur in eine Farbwert als Reaktion auf eine Benutzeraktion (Klicken auf ein Pixel) aufgelöst. Somit kann der Farbaufnehmer nicht im Hintergrund verwendet werden, ohne dass der Benutzer es bemerkt.
  • Um Benutzern zu helfen, den Farbaufnahme-Modus leichter zu bemerken, wird dieser von Browsern deutlich erkennbar gemacht. Der normale Mauszeiger verschwindet nach kurzer Verzögerung und stattdessen erscheint eine Lupe. Es gibt auch eine Verzögerung zwischen dem Start des Farbaufnahme-Modus und der Möglichkeit für den Benutzer, ein Pixel auszuwählen, um sicherzustellen, dass der Benutzer die Lupe sehen kann.
  • Benutzer können den Farbaufnahme-Modus auch jederzeit abbrechen (durch Drücken der Escape-Taste).

Schnittstellen

EyeDropper

Die EyeDropper Schnittstelle repräsentiert eine Instanz eines Farbaufnahmewerkzeugs, das geöffnet werden kann und von Benutzern zum Auswählen von Farben vom Bildschirm genutzt werden kann.

Spezifikationen

Specification
EyeDropper API
# eyedropper-interface

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch