Cómo clonar ImageData?

Question

Esto está funcionando, pero creo que este código es extenso. Estoy buscando una mejor idea.

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

Con TypedArray.prototype.set() puede copiar directamente los datos.

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

Esto establece el contenido de imageDataCopy ser idéntica a originalImageData.

Answer 2

El constructor ImageData acepta la matriz de datos de imagen.

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