API «Пипетка»
Ограниченная доступность
Эта функция не относится к Baseline, так как она не работает во всех широко используемых браузерах.
Защищённый контекст: Эта функция доступна только в защищённых контекстах (HTTPS) в некоторых или всех поддерживающих браузерах.
Экспериментальная функция: Это экспериментальная технология
Перед использованием в производстве внимательно проверьте таблицу совместимости с браузерами.
API «Пипетка» предоставляет механизм для создания инструмента пипетки. С помощью этого инструмента пользователи могут выбирать цвета с экрана, включая области вне окна браузера.
Концепция
В креативных приложениях пользователи часто выбирают цвета из рисунков или фигур в приложении для повторного использования. Веб-приложения могут использовать API «Пипетка» для обеспечения аналогичного режима пипетки, предоставляемого браузером.
Используя API, веб-приложение может начать режим пипетки. После запуска курсор меняется, чтобы указать пользователю, что режим активен. Пользователь может выбрать цвет в любой точке экрана или отменить режим пипетки, нажав клавишу Escape.
Меры безопасности и конфиденциальности
Чтобы предотвратить получение вредоносными веб-сайтами данных пикселей с экрана пользователя без его ведома, API «Пипетка» использует следующие меры:
- API не позволяет начать режим пипетки без намерения пользователя. Метод
EyeDropper.open()может быть вызван только в ответ на действие пользователя (например, нажатие кнопки). - Никакая информация о пикселях не может быть получена без намерения пользователя. Обещание, возвращаемое методом
EyeDropper.open(), разрешается только до значения цвета в ответ на действие пользователя (щелчок по пикселю). Таким образом, пипетка не может использоваться в фоновом режиме без ведома пользователя. - Для облегчения обнаружения режима пипетки браузеры делают его очевидным. Обычный курсор мыши исчезает через короткий промежуток времени, и вместо него появляется увеличительное стекло. Также существует задержка между началом режима пипетки и возможностью выбора пикселя пользователем, чтобы убедиться, что пользователь успел увидеть увеличительное стекло.
- Пользователи также могут в любое время отменить режим пипетки (нажав клавишу Escape).
Интерфейсы
-
EyeDropperЭкспериментальная -
Интерфейс
EyeDropperпредставляет собой экземпляр инструмента пипетки, который можно открыть и использовать для выбора цветов с экрана.
Спецификации
| Спецификация |
|---|
| EyeDropper API # eyedropper-interface |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
EyeDropper |
95 | 95 | Нет | Нет | Нет | Нет | Нет | Нет | Нет | Нет | Нет |
EyeDropper_API |
95 | 95 | Нет | Нет | Нет | Нет | Нет | Нет | Нет | Нет | Нет |
open |
95 | 95 | Нет | Нет | Нет | Нет | Нет | Нет | Нет | Нет | Нет |
secure_context_required |
96 | 96 | Нет | Нет | Нет | Нет | Нет | Нет | Нет | Нет | Нет |
См. также
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/EyeDropper_API