我无法画出我的背景。 - HTML Canvas游戏

时间:2013-08-09 15:29:05

标签: javascript html5 canvas mouse interaction

所以,在我的代码中,在draw函数下,我有bg.draw();评论说。

    function draw() {
        clearAllCtx();
        player.draw();
        enemy.draw();
        //bg.draw();
    }

当我尝试取消注释时,图像不会出现,并且鼠标交互不起作用。任何帮助将不胜感激!!

这是jsFiddle

1 个答案:

答案 0 :(得分:1)

我用错误编辑了小提琴:http://jsfiddle.net/GVcPu/4/

  • 实体画布应该是透明的,以便能够看到背景:style="background: transparent"

  • 请注意参数的顺序:bg = new Background(bgImg,0,0);function Background(xpos, ypos, imgsrc){

  • 请注意变量的名称:ctxBg.drawImage(this.imagesrc, this.xpos, this.ypos);其中变量实际上在此函数中称为this.imgsrc

希望它有所帮助!