javascript - 如何从 Haskell 的 Reflex 库中的图像创建动态画布？

Question

我将图像表示为：

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

我想要的是在 Haskell 上有一个小部件，它使用Dynamic Image. 这怎么可能？