Как заменить пиксель изображения в Webos Palm js

Question

Я хочу заменить цвет пикселя изображения другим цветом в webos. так может кто-нибудь предложить, как я это делаю. Thanks

Answer 1

Это можно сделать, используя API-интерфейс холста HTML5. Создайте холст размером с изображение, а затем нарисуйте изображение на холсте. Получить данные изображения и манипулировать прочь!

var canvas = document.getElementById(canvasID); 
var context = canvas.getContext('2d'); 
var image = context.getImageData(0,0,canvas.width,canvas.height); 

image теперь является imageData объект, который содержит массив data, который содержит все пиксели изображения. Предположим, вы хотите удалить зеленый компонент в пикселе в шестом столбце и третьей строке.

var index = (5*image.width+2)*4; 
//six columns of pixels, plus two for the third row. 
//Multiply by four, because there are four channels. 
image.data[index+1] = 0; //Plus one, because we want the second component. 

Как только ваши манипуляции с пикселями будут выполнены, загрузите данные изображения обратно в холст.

context.putImageData(image);