Spec-Zone.ru › Web APIs

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 Нет Нет Нет Нет Нет Нет Нет Нет Нет

См. также

  • Выбор цветов любого пикселя на экране с помощью API «Пипетка»
  • Вебинар W3C/SMPTE по API «Пипетка»

© 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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API