图像没有出现在画布元素上

时间:2012-05-18 22:25:24

标签: javascript image html5 canvas html5-canvas

所以,我一直试图用我的游戏引擎制作一个滚动射击游戏的例子,我遇到了一些奇怪的东西。我尝试绘制的某个图像没有显示出来。它显示在Chrome的资源中,因此它不是路径问题。此外,我尝试显示的所有其他图像也会显示出来。如果有人可以帮助我,我们将不胜感激。 =)

参考链接:

http://pandamochi.x10.bz/scrollingshooter.html

绘图代码:

ctx.save();
        if (this.sprite != ""){
            ctx.translate(Math.round(this.x-ds_view.x), Math.round(this.y-ds_view.y));
            ctx.scale(this.scaleX,this.scaleY);
            ctx.rotate(this.rotateZ);
            ctx.translate(-this.width/2,-this.height/2);
            ctx.drawImage(this.sprite, this.width*this.sprite_index, 0, this.width, this.height, 0, 0, this.width, this.height);
        }
        ctx.restore();

以前用于设置的代码:

enemy.setSprite("images/ship.png",1,4,10);

1 个答案:

答案 0 :(得分:0)

修改

所以,我离开了。

ctx.drawImage(this.sprite, this.width*this.sprite_index, 0, this.width, this.height);

翻译导致您的问题。我改变了上面的线,实际上可以看到船的绘图。这不是最完整的答案,但希望它能帮助您走上正确的道路。

<强> Live Demo