图像没有出现在画布上

问题描述：

因此，我一直在试图用我的游戏引擎制作一个滚动的射击游戏例子，并且遇到了一些奇怪的事情。我尝试绘制的某个图像不显示。它显示在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();

码I用于设置：

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

看着你的开发者控制台错误日志，看看你所得到的错误。 – Phrogz

没有错误，至少对我来说 – pandavenger

尝试一个不同的图像，所以你可以排除代码的问题。如果另一张图片能够正常工作，则您知道图片存在问题，您可以尝试重新创建/保存图片。 –

答

编辑

所以是的，我走了。

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

翻译导致您的问题。我改变了上面的一行，可以看到船上的图纸。这不是最完整的答案，但希望它能让你走上正确的轨道。

Live Demo

你确定吗？尽管没有出现在画布中，但图像ship.png仍然在Chrome资源中完美展现...... – pandavenger

@pandavenger no对不起，我很失望。看看我编辑的答案。无耻的插件，我如何处理我的绘图，https://github.com/loktar00/jest和使用引擎的类似游戏http://somethinghitme.com/pprojects/shump/。 – Loktar

哦，我明白了......我一定是从实际图像中抽出了一些地方......我找到了一个链接，帮助我指出了我的问题。谢谢！ https://developer.mozilla.org/zh/Canvas_tutorial/Using_images – pandavenger

图像没有出现在画布上

相关推荐