Вернуть пиксели объекта Canvas?

Question

Есть ли в javascript функция, которая возвращает массив пикселей, занятых объектом изображения на холсте? Есть ли способ вернуть список пикселей, занятых объектом изображения на холсте?

Answer 1

Вы можете вызвать ".getImageData ()" в контексте, чтобы получить значения пикселей.Вы указываете ему координаты в пределах холста, чтобы получить пиксели, и он возвращает объект с высотой, шириной и пикселями.Пиксели представляют собой массив целых чисел, так что каждый пиксель занимает 4 (красный, зеленый, синий, альфа).Таким образом, в массиве есть высота * ширина * 4 пикселя.

Здесь - страница MDC по теме.

Answer 2

Ну, если вы знаете положение объекта изображения, можно использовать CanvasPixelArray:

https://developer.mozilla.org/En/HTML/Canvas/Pixel_manipulation_with_canvas