如何克隆ImageData？

Question

这是有效的,但我觉得这段代码很冗长.我正在寻找更好的主意.

var clone = function(imageData) {
  var canvas, context;
  canvas = document.createElement('canvas');
  canvas.width = imageData.width;
  canvas.height = imageData.height;
  context = canvas.getContext('2d');
  context.putImageData(imageData, 0, 0);
  return context.getImageData(0, 0, imageData.width, imageData.height);
};

Answer 1

有了TypedArray.prototype.set()你可以直接复制数据.

var imageDataCopy = new Uint8ClampedArray(originalImageData.data);
imageDataCopy.data.set(originalImageData.data);

这将内容设置imageDataCopy为相同originalImageData.

Answer 2

所述的ImageData构造函数接收的图像数据阵列.

const imageDataCopy = new ImageData(
  new Uint8ClampedArray(imageData.data),
  imageData.width,
  imageData.height
)