私は画像を次のように表しています:
data Image = Image { size :: V2 Int, buffer :: UVector.Vector Word32 }
つまり、RGBA Word32 ピクセルの行優先のボックス化されていない配列です。その形式は、JavaScript の Canvas の ImageData で使用されるものと同じです。次のようなものを使用して、そのようなベクトルを JS のキャンバスにブリットできます。
function blit(canvas, img){
var ctx = canvas.getContext("2d");
ctx.putImageData(new ImageData(img.buffer, img.size.x, img.size.y), 0, 0);
};
私が欲しいのは、Dynamic Image
. そんなことがあるものか?