圖像沒有出現在畫布上

因此，我一直在試圖用我的遊戲引擎製作一個滾動的射擊遊戲例子，並且遇到了一些奇怪的事情。我嘗試繪製的某個圖像不顯示。它顯示在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);

來源

2012-05-18 pandavenger

看着你的開發者控制檯錯誤日誌，看看你所得到的錯誤。 – Phrogz

沒有錯誤，至少對我來說 – pandavenger

嘗試一個不同的圖像，所以你可以排除代碼的問題。如果另一張圖片能夠正常工作，則您知道圖片存在問題，您可以嘗試重新創建/保存圖片。 –

編輯

所以是的，我走了。

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

翻譯導致您的問題。我改變了上面的一行，可以看到船上的圖紙。這不是最完整的答案，但希望它能讓你走上正確的軌道。

Live Demo

來源

2012-05-21 04:16:18 Loktar

你確定嗎？儘管沒有出現在畫布中，但圖像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

圖像沒有出現在畫布上

回答

相關問題