ctx.getImageData()仅返回前180000个字节,下一个字节等于零

时间:2018-08-10 12:06:29

标签: javascript canvas

我通过document.querySelector()函数从DOM获取图像节点:

const img = document.querySelector('#img');

然后,我创建画布元素:

const canvas = document.createElement('canvas');
const ctx = canvas.getContext('2d');

图像节点的宽度为595px,高度为893px:

img.width; // 595
img.height; // 893

接下来,我在画布上下文中绘制此图像:

ctx.drawImage(img, 0, 0);

我试图在此之后从画布获取类型化数组:

ctx.getImageData(0, 0, img.width, img.height).data;

因此,我采用Uint8ClampedArray(2125340)数组,该数组只有180000个非空字节(等于0到255之间的某个数字),而其他1945340是空的,具有零。这是宽度为300px,高度为150px的图像。我在做什么错了?

0 个答案:

没有答案