当前位置：文江博客话题详情

如何在WebOS中从图像中获取像素？

发布于 2024-11-13 11:11:59 字数 58 浏览 1 评论 0原文

我有图像，我必须读取该图像的所有像素值。我必须在 webOS 中做到这一点。有哪些方法可以做到这一点？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

喜爱皱眉﹌ 2024-11-20 11:11:59

这个问题与我回答的另一个问题有些相似

总之，此示例查找 (5,2) 处像素的绿色分量：

var canvas = document.getElementById(canvasID);
var context = canvas.getContext('2d');
var image = context.getImageData(0,0,canvas.width,canvas.height);
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 (R,G,B,A).

This question is somewhat similar to another one, which I answered here. Basically, you'll want to draw that image to a canvas, use getImageData to get the pixel array, and then just access the pixel within the array.

In summary, this example finds the green component of the pixel at (5,2):

var canvas = document.getElementById(canvasID);
var context = canvas.getContext('2d');
var image = context.getImageData(0,0,canvas.width,canvas.height);
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 (R,G,B,A).

回复收藏 0 原文

~没有更多了~