【问题标题】:Find transparent pixels without using canvas在不使用画布的情况下查找透明像素
【发布时间】:2014-09-30 23:33:00
【问题描述】:

有没有办法使用 javascript 从图片中读取透明像素,但没有画布?

【问题讨论】:

  • 你可以创建一个隐藏的画布并在那里进行
  • 您的意思是不使用 getImageData。您可以将 getImageDate 与内存画布一起使用,请参阅stackoverflow.com/questions/10754661/…,但由于 getImageData 是画布的一种方法,因此您需要某种类型的画布。

标签: javascript jquery


【解决方案1】:

内存画布适合你吗?

在这种情况下,你可以这样做:

var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var img = document.getElementById('id');
ctx.drawImage(img, 0, 0);
var data = ctx.getImageData(0, 0, img.width, img.height).data;

for (var i = 0 ; i < data.length ; i += 4) {
    if(data[i+3] == 0) {
        // do something with this pixel
    }
}
猜你喜欢
  • 2012-07-21
  • 1970-01-01
  • 2013-08-23
  • 2020-02-02
  • 2020-04-06
  • 1970-01-01
  • 2013-01-06
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多