0

HTML5 で Javascript を使用してゲームを作成しているため、Sprite を表示させようとしています。これは以前はうまくいきましたが、今はうまくいかなくなったので、スクリプトをもう一度書き直すことにしました - それでもうまくいきません。何が問題なのかわかりませんが、ここに Javascript コードと HTML コードがあります。ありがとう！また、Chrome を使用しています。また、スプライトは以前に Chrome インターネット ブラウザに表示されました。

Javascript コード:

var canvasBg = document.getElementById('canvasBg');
var ctxBg = canvasBg.getContext('2d');
var clearCanvasBtn = document.getElementById('clearCanvasBtn');
clearCanvasBtn.addEventListener('click',clearCanvas,false);

var gameWidth = canvasBg.width;
var gameHeight = canvasBg.height;

var imgSprite = new Image();
imgSprite.src = 'sprite.png';
imgSprite.addEventListener('load',drawBg,false);

function drawBg() {
var srcX = 0;
var srcY = 0;
var drawX = 0;
var drawY = 0;
ctxBg.drawImage(imgSprite,srcX,scrY,gameWidth,gameHeight,drawX,drawY,gameWidth,game    Height); 

}
function clearCanvas() {
ctxBg.clearRect(0,800,500); 
}`

HTML コード...:

` Youtube HTML5 ゲーム開発チュートリアル 

<button id="clearCanvasBtn" type="button">Clear Canvas</button>
<canvas id="canvasBg" width="800px" height="500px"                           style="display:block;background:#ffffff;margin:100px auto 0px;"></canvas>;
<script src="game tester.js"></script>

`

4

1 に答える 1

0

「動かなくなった」の意味は言わなかったけど…

Image オブジェクトの作成時に Chrome に新しいバグがあります

そのため、以前は問題なく動作していたコードが Chrome の更新後に失敗した場合は、次のことを試してください。

// instead of new Image()
var imgSprite = document.createElement("img");
于 2013-06-17T20:27:39.173 に答える