Подтвердить что ты не робот

Как получить значение RGB изображения на странице с помощью javascript?

Я пытаюсь сделать закладку-let. Но я застрял в одном месте. Мне нужно извлечь RGB или значение цвета изображения очень x пикселя, используя инструкцию "For Next". Но я не знаю, какая функция может помочь мне извлечь значение RGB. Может кто-нибудь, пожалуйста, помогите мне с функцией, которая сообщает значение RCG данной точки на картинке?

4b9b3361

Ответ 2

Это сложный вопрос. В стандартном DOM нет метода, который позволит вам извлечь значение RGB пикселей в <img>.

Однако, если вы готовы копаться в HTML5, вы можете воспользоваться <canvas> element. Вы можете загрузить изображение в холст (.drawImage()), а затем получить значения RGB, которые вы ищете (.getImageData(); см. Ссылку в SLaks & rsquo; answer). Конечно, это не будет работать на IE8, поскольку оно не поддерживает <canvas>.

Альтернативным вариантом может быть обращение AJAX к веб-службе для получения данных пикселей. Серверная сторона script может загружать изображение, получать значения RGB и возвращать его как JSON в ваш букмарклет. Это, очевидно, добавляет латентность обратного перехода к серверу, но более совместима. (Однако также рассматривайте проблемы междоменного доступа.)