HTML5 canvas图像问题

时间:2015-04-28 18:20:33

标签: javascript html5 html5-canvas

我用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(...,但它仍无法正常工作。

1 个答案:

答案 0 :(得分:0)

改变这个:

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

到此

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

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