Javascript createImageBitmap()将图像数据转换为全零

Javascript createImageBitmap()将图像数据转换为全零,javascript,canvas,Javascript,Canvas,我正在尝试创建ImageBitmap(imgdata,0,0,500,500), 代码如下: 函数图(imgi){ 控制台日志(“图纸”); 设data=imgi.data; //console.log(data);-->真实映像的数据 data=core.clip(数据,100210); //console.log(data);-->最小值为100、最大值为210的剪裁数组 数据=堆芯。形式_arr(数据'uint8clipped'); console.log(数据);//-->转换为uin

我正在尝试创建ImageBitmap(imgdata,0,0,500,500), 代码如下:

函数图(imgi){
控制台日志(“图纸”);
设data=imgi.data;
//console.log(data);-->真实映像的数据
data=core.clip(数据,100210);
//console.log(data);-->最小值为100、最大值为210的剪裁数组
数据=堆芯。形式_arr(数据'uint8clipped');
console.log(数据);//-->转换为uint8clipped数组
设img=新的图像数据(数据,500500);
console.log(img.data);//-->将固定数组转换为图像数据
createImageBitmap(img,0,0,500,500)
.然后(im=>{
console.log(im);//-->这就是错误所在,因为im是全零固定数组
ctx2.drawImage(im,500500);
log(ctx2.getImageData(0,0500500).data);
});
}
此行:

ctx2.drawImage(im, 500, 500);
是否将在画布区域之外的位置(500500)绘制图像?(或者至少是您在这里测试的区域:
console.log(ctx2.getImageData(0,050500,500).data);

尝试将其更改为,例如:

ctx2.drawImage(im, 0, 0);