javascript - 如何在 Webos Palm js 中替换图像像素

标签 javascript image-processing webos palm-pre

我想用 webos 中的其他颜色替换图像像素颜色。那么任何人都可以建议我如何做到这一点。 谢谢

最佳答案

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

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. 

完成像素操作后,将图像数据加载回 Canvas 。

context.putImageData(image);

关于javascript - 如何在 Webos Palm js 中替换图像像素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7287789/

相关文章:

emulation - HP WebOS 3.0 Emulator,如何导航

javascript - Angular 中的递归

javascript - 设置日期时,Moment 会自动更正无效日期

c++ - OpenCV和Matlab中不同的模板匹配结果

java - 如何在 Android 中获得像新的 Google Play 报亭标题那样的半透明彩色图像?

javascript - Angular 2 : passing ALL the attributes to the child component

javascript - 如何删除所有其他字符串,但数组中包含 "metal"的字符串

python - 有没有办法从Python中包含多个图像的文件夹中读取前N个图像,执行操作并读取下N个图像

android - 操作系统在手机上的兼容性