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

가능한 복제 (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);

이것은 originalImageData에 동일하게 imageDataCopy의 내용을 설정한다.

출처

2012-12-13 15:20:50 ueni

감사합니다! 이 코드를 시도 중입니다 – minodisk

원본 개체 란 무엇이며 복제본은 무엇입니까? doens't는 저를 위해 작동하는 것처럼 보입니다 – LobsterMan

이것은 나쁘고 불분명 한 코드 예제입니다 - 또한, 나는 그것이 시대에 뒤떨어져 있고 현대 브라우저에서 작동하지 않는다고 생각합니다. –

ImageData 생성자는 이미지 데이터 배열을 허용합니다.

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

[자바 스크립트에서 값에 의한 복사 imageData의]의

출처

2018-01-03 13:31:06 markbrown4

ImageData를 복제하는 방법?

답변

관련 문제