javascript - 使用 fillRect() 填充 Canvas 并获取每个像素的颜色返回包含 4 个零的数组

Question

说实话，我制作了两张 Canvas ，其中填充了 JSFiddle Logo 的一部分。问题是，每当我想使用 getImageData().data 获取每个像素的颜色时，它都会返回一个空数组，这意味着像素是透明的，但事实并非如此。问题代码:

for (i = 0; i < h; i+=scale)
    for (j = 0; j < w; j+=scale) {
        rgba1 = sctx.getImageData(i,j,1,1).data;
        rgba2 = sctx2.getImageData(i,j,1,1).data;
        // logging
        log('x:'+i/5+' | y:'+j/scale+' | '+rgba1);
        log('x:'+i/scale+' | y:'+j/scale+' | '+rgba2,true);
    }

打印结果:

代码有什么问题吗？ Fiddle here

Answer 1

仔细看看你的输出。您的 Canvas 为横向，您的坐标表示纵向模式。

for (i = 0; i < w; i+=scale)
    for (j = 0; j < h; j+=scale) {