EyeDropper API

概念

創意應用程式通常允許使用者從應用程式中的繪圖或形狀中取樣顏色以供重用。Web 應用程式可以使用取色器 API 提供類似的取色器模式，由瀏覽器提供。

使用此 API，Web 應用程式可以啟動取色器模式。啟動後，游標會發生變化，以指示使用者該模式已啟用。然後，使用者可以從螢幕上的任何位置選擇顏色，或透過按 Escape 鍵取消取色器模式。

安全和隱私措施

為防止惡意網站在使用者未察覺的情況下獲取使用者螢幕的畫素資料，取色器 API 實施了以下措施：

• API 不允許在沒有使用者意圖的情況下啟動取色器模式。EyeDropper.open() 方法只能響應使用者操作（例如按鈕點選）而呼叫。
• 在沒有使用者意圖的情況下無法檢索任何畫素資訊。EyeDropper.open() 返回的 Promise 僅在響應使用者操作（點選畫素）時解析為顏色值。因此，取色器無法在使用者未注意到其在後臺執行的情況下使用。
• 為了幫助使用者更容易地注意到取色器模式，瀏覽器會使其明顯可見。正常滑鼠游標會在短時間延遲後消失，取而代之的是出現一個放大鏡。在取色器模式啟動與使用者可以選中畫素之間也有一個延遲，以確保使用者有時間看到放大鏡。
• 使用者還可以隨時取消取色器模式（透過按下 Escape 鍵）。

介面

EyeDropper 實驗性

EyeDropper 介面表示一個取色器工具的例項，該工具可以由使用者開啟並用於從螢幕上選擇顏色。

規範

瀏覽器相容性

另見

• 使用取色器 API 拾取螢幕上任何畫素的顏色
• 取色器 API W3C/SMPTE 聯合研討會