HTML5 canvas 图片问题

Question

我在 HTML5 中制作游戏，但这张图片无法绘制。在 chrome js 控制台中，它说没有任何问题。

正在声明图像： var wall1 = new Image();

调用 onload：

function render(arg1, arg2, arg3){
    wall1.onload = drawwall(arg1, arg2, arg3);
    wall1.src = "assets/slide.jpg";
}

画墙功能：

function drawwall(numb, dist, hm){
    ctx.drawImage(wall1,numb*4,4,4,height[hm]*3/dist,numb*4,1,4,height[hm]*3/dist);
}

我试过 return ctx.drawImage(... 和 return Function(){ctx.drawImage(... 但还是不行。

Answer 1

改变这个：

wall1.onload = drawwall(arg1, arg2, arg3);

对此

wall1.onload = function() { drawwall(arg1, arg2, arg3); };

这是必需的，因为您需要为 onload 属性 分配一个函数。在错误代码中，您分配了 调用 函数的结果。