node-o3-canvas 与 node-canvas？

Question

有没有人使用过这些 node.js 库中的一个或两个？很想知道每个人的成功或困难。

Answer 1

LearnBoost 是社区中最多产的节点模块开发人员之一，因此我选择了 node-canvas 而不是 node-o3-canvas。

我使用 node-canvas 在服务器上将图像分割成图块并将它们发送回客户端。一切都如您所愿。以下是您可能编写的代码示例：

helper = function(x, y, canvas) {
    return function(err, str) {
        if (!tiles[x]) {
            tiles[x] = [];
        }

        tiles[x][y] = { 
            data: str
            , buffer: canvas.toBuffer()
            , covered: true 
        };
    };
};  

for (y = 0; y < tilesPerColumn; y += 1) {
    for (x = 0; x < tilesPerRow; x += 1) {
        //Create a new tile canvas each time so they don't run over each other
        tCanvas = new Canvas(chunkSize, chunkSize);
        tCtx = tCanvas.getContext('2d');

        xOffSet = chunkSize * x;
        yOffSet = chunkSize * y;

        //Save a set of uncovered tiles to store in memory
        tCtx.drawImage(img, xOffSet, yOffSet, chunkSize, chunkSize, 0, 0, chunkSize, chunkSize);
        tCanvas.toDataURL(helper(x, y, tCanvas));        
    }
}

我唯一遇到的问题是：

• 如果您在节点画布中使用异步方法，则需要小心分配新的画布/上下文实例，以免中断可能正在书写/绘图的实例。
• 由于某种原因，在使用服务器端 base64 编码图像时，我无法让 node-canvas 的 Image() 对象正常工作。我的问题是当为 src 属性分配 base64 字符串时不会触发 onLoad 事件。我没有花太多时间解决这个问题，而是将图像写入临时文件以解决问题。