У меня есть HTML-холст размером 500 x 500 пикселей (всего 250000 пикселей).
Я использую библиотеку JavaScript P5 для создания нескольких дизайнов на холсте.
Я хочу:1) Прикрепите идентификатор к каждому пикселю. 2) Каждый раз, когда пиксель изменяется, я хочу получить событие, которое дает мне: идентификатор пикселя, предыдущий цвет пикселя, новый цвет пикселя и метку времени. изменения
Я просмотрел все прослушиватели событий HTML и не нашел ни одного, который дал бы мне эту информацию - возможно ли это?
У меня есть контекст холстаи данные изображения перед началом любого рисунка начинаются с:
// canvas instantiated as the canvas element
let context = canvas.getContext('2d')
let imgData = context.getImageData(0, 0, canvas.width, canvas.height)
let data = imgData.data
Я думаю способ интерпретации data из того, что у меня есть до сих пор: это массив из 250 000 элементов вкоторый каждый элемент содержит цвет пикселя в тот момент времени. Следующим шагом является добавление прослушивателя событий, который срабатывает при каждом изменении одного из этих элементов, но я не могу понять, как это сделать.
Заранее спасибо