image - Node.js， Canvas : Image given has not completed loading

Question

我查看了所有相关问题，但没有找到答案。当我在 node.js 中使用此代码时:

var canvas = new global.canvas(400, 400), ctx = canvas.getContext('2d');
global.fs.readFile('test.png', function (err, data) {
    if (!err) {
        var base_image = new global.canvas.Image;
        base_image.src = data;
        ctx.drawImage(base_image, 0, 0, 100, 100);        
    }
    else
        console.log(err);
});

我收到错误消息:给定的图片尚未完成加载当我添加 onload 事件时，像这样:

base_image.onload = function () {
            ctx.drawImage(base_image, 0, 0, 100, 100);
        }

它从不着火。请帮我找到答案。

Answer 1

代替

img.src = buffer
img.onload = function(){ ... }    

执行以下操作:

img.onload = function(){ ... } 
img.src = buffer