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で値によってコピー画像データ]（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 
)

出典

2018-01-03 13:31:06 markbrown4

ImageDataを複製するには？

答えて

関連する問題