Node.js,canvas:给定的图像尚未完成加载

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