如何替换Webos Palm js中的图像像素

时间:2011-09-02 18:30:13

标签: javascript image-processing webos palm-pre

我想用webos中的其他颜色替换图像像素颜色。所以任何人都可以建议我这样做。 感谢

1 个答案:

答案 0 :(得分:0)

这可以通过使用HTML5 canvas API来完成。创建一个与图像大小相同的画布,然后将图像绘制到画布中。获取图像数据,然后操纵!

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);