Javascript :替换“ImageData”字段

Question

所以我有一个javascript / html5页面，它对图像进行了一些繁重的操作。因为它们很重，所以我想在一个线程中执行这些操作，我使用getImageData().data将图像数据提取到核心。然后，内核执行所有操作，并传回得到的像素信息数组。现在，回到主线程中，我希望将结果放回图像中，我通过使用(var imgData = getImageData(...))从图像中加载来创建一个新的ImageData对象。然后，我想用从第二个线程获得的数据替换ImageData对象中的数据。但是imgData.data = newData什么也不做。除了逐个元素遍历数据数组元素之外，还有什么方法可以做到这一点吗？

Answer 1

不能直接赋值给imgData.data，需要使用：

imgData.data.set(newData)

Answer 2

尝试：.putImageData(newData,x,y);

Answer 3

imageData是只读属性(https://developer.mozilla.org/en-US/docs/Web/API/ImageData/data)