Html 在node.js中创建JSON可序列化映像的最快方法&；把它放在客户端画布上？

我正在用meteor.js构建一个需要动态生成图像的应用程序。大量动态生成的小图像；一个像素一个像素地生成，它们总共需要每秒25000像素的图像。意识到这是相当大的计算量，我决定使用Meteor的服务器方法来加速这个过程

到目前为止，我的功能尝试如下：

服务器端生成像素阵列

loadImage = function(){
    this.imagePixels = new Uint8Array(4*DIM*DIM);
    for(var i = 0; i < DIM; i++){
    for(var j = 0; j < DIM; j++){
        var x = 255*i/DIM;
        var y = 255*j/DIM;
        this.setPixel(this.imagePixels,
                      i, j, eval(this.redEQ)
                          , eval(this.greenEQ)
                          , eval(this.blueEQ)
                          , 255);
        }
    }
}

这一切都很好，除了。。。我需要速度。这么说来，我的问题是：

---

是否可以在node.js中创建一个JSON可序列化图像，该图像可以有效地放置在HTML画布上，如果可以，如何创建？

转换为jpg/png并将JSON属性设置为jpeg/png的base64？您的瓶颈在哪里？是图像创建、数据传输还是客户端显示？经过一些调整，现在可以管理了。虽然，如果有一个标准的图像创建方法，我会很感激的信息。现在我只是用像素数据填充画布；如果我能在屏幕上放一个png/jpg，速度可能会更快

var elem = document.getElementById(this.canvasID);
var ctx = elem.getContext('2d');
var imageData = ctx.getImageData(0, 0, DIM, DIM);
var data = imageData.data;
data.set(this.evo.pixels);
ctx.putImageData(imageData, 0, 0);