如何克隆ImageData？

这是行得通的，但我觉得这段代码很长。我在寻找更好的主意。如何克隆ImageData？

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); 
};

来源

2012-06-14 minodisk

[由JavaScript值复制的imageData]的可能的复制（http://stackoverflow.com/questions/5642383/copy-imagedata-by-value-in-javascript） – brichins

用TypedArray.prototype.set()可以直接复制数据。

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

这设置的imageDataCopy含量为等于originalImageData。

来源

2012-12-13 15:20:50 ueni

谢谢！我在试这个代码 – minodisk

什么是原始对象和什么是克隆？ doens似乎没有为我工作 – LobsterMan

这是一个糟糕和不明确的代码示例 - 另外，我怀疑它已过时，并且不适用于当代浏览器。 –

构造函数ImageData接受图像数据数组。

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

来源

2018-01-03 13:31:06 markbrown4

如何克隆ImageData？

回答

相关问题