Я пытаюсь сделать закладку-let. Но я застрял в одном месте. Мне нужно извлечь RGB или значение цвета изображения очень x пикселя, используя инструкцию "For Next". Но я не знаю, какая функция может помочь мне извлечь значение RGB. Может кто-нибудь, пожалуйста, помогите мне с функцией, которая сообщает значение RCG данной точки на картинке?
Как получить значение RGB изображения на странице с помощью javascript?
Ответ 1
Вы можете использовать холст.
Ответ 2
Это сложный вопрос. В стандартном DOM нет метода, который позволит вам извлечь значение RGB пикселей в <img>
.
Однако, если вы готовы копаться в HTML5, вы можете воспользоваться <canvas>
element. Вы можете загрузить изображение в холст (.drawImage()
), а затем получить значения RGB, которые вы ищете (.getImageData()
; см. Ссылку в SLaks & rsquo; answer). Конечно, это не будет работать на IE8, поскольку оно не поддерживает <canvas>
.
Альтернативным вариантом может быть обращение AJAX к веб-службе для получения данных пикселей. Серверная сторона script может загружать изображение, получать значения RGB и возвращать его как JSON в ваш букмарклет. Это, очевидно, добавляет латентность обратного перехода к серверу, но более совместима. (Однако также рассматривайте проблемы междоменного доступа.)