EyeDropper API

Konzept

Kreative Anwendungen erlauben es oft den Nutzern, Farben von Zeichnungen oder Formen in der Anwendung abzutasten, um sie wiederzuverwenden. Webanwendungen knnen die EyeDropper-API verwenden, um einen hnlichen Pipettenmodus bereitzustellen, der vom Browser bereitgestellt wird.

Mit der API kann eine Webanwendung den Pipettenmodus starten. Sobald dieser gestartet ist, ndert sich der Cursor, um dem Nutzer anzuzeigen, dass der Modus aktiv ist. Der Nutzer kann dann entweder eine Farbe von berall auf dem Bildschirm auswhlen oder den Pipettenmodus durch Drcken von Escape beenden.

Sicherheits- und Datenschutzmanahmen

Um zu verhindern, dass bswillige Websites Pixelinformationen vom Bildschirm eines Nutzers erhalten, ohne dass dieser es bemerkt, implementiert die EyeDropper-API folgende Manahmen:

• Die API lsst den Pipettenmodus nicht ohne Nutzungsabsicht starten. Die Methode EyeDropper.open() kann nur als Reaktion auf eine Nutzeraktion (z. B. einen Klick auf einen Button) aufgerufen werden.
• Es knnen keine Pixelinformationen ohne Nutzungsabsicht abgerufen werden. Das Promise, das von EyeDropper.open() zurckgegeben wird, wird nur in Bezug auf eine Nutzeraktion (Klicken auf einen Pixel) zu einem Farbwert aufgelst. So kann die Pipette nicht im Hintergrund verwendet werden, ohne dass der Nutzer dies bemerkt.
• Um den Nutzern zu helfen, den Pipettenmodus leichter zu bemerken, wird er von den Browsern deutlich kenntlich gemacht. Der normale Mauszeiger verschwindet nach kurzer Verzgerung, und eine Lupe erscheint stattdessen. Es gibt auch eine Verzgerung zwischen dem Start des Pipettenmodus und der Mglichkeit des Nutzers, einen Pixel auszuwhlen, um sicherzustellen, dass der Nutzer Zeit hatte, die Lupe zu bemerken.
• Nutzer knnen den Pipettenmodus auch jederzeit abbrechen (durch Drcken der Escape-Taste).

Schnittstellen

EyeDropper

Die EyeDropper-Schnittstelle reprsentiert eine Instanz eines Pipettenwerkzeugs, das geffnet und vom Nutzer verwendet werden kann, um Farben vom Bildschirm auszuwhlen.

Spezifikationen

Browser-Kompatibilitt

Siehe auch

• Farben von beliebigen Pixeln auf dem Bildschirm mit der EyeDropper-API abtasten
• Der EyeDropper-API W3C/SMPTE Joint Workshop