canvas - 无法更改 Canvas 图像数据

Question

我的脚本中有一个我无法理解的错误。我尝试在修改数据后修改 Canvas imageData。数据是 Int32Array

var clampedArray = new Uint8ClampedArray(data);
var newImgData=ctx.createImageData( WIDTH, HEIGHT);
newImgData.data = clampedArray;
console.log(newImgData.data, clampedArray);
ctx.putImageData(newImgData,0 ,0);

这个 console.log() 返回:

 Uint8ClampedArray { 0=0, 1=0, 2=0, plus...} Uint8ClampedArray { 0=37, 1=54, 2=18, plus...}

所以 newImageData.data 不会被这一行修改:

newImgData.data = clampedArray;

什么鬼？我应该错过一些东西，但是什么？

Answer 1

设置新图像数据的正确方法是使用set()方法:

newImgData.data.set(clampedArray);