我通过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的图像。我在做什么错了?