ctx.drawImage не работает

Question

Я создаю игру. Следующее должно нарисовать мне картину c.png (монета), но она не работает.

Пример по следующей ссылке: http://jonirautiainen.net/html5peli/testi.html

<div id="game"></div><script>
var canvasWidth = window.innerWidth - 20;
var canvasHeight = window.innerHeight - 100;
var game = document.getElementById("game");
game.innerHTML = '<canvas id="canvas" width="' + canvasWidth + '"height="' + canvasHeight + '"style="border:solid black 1px"></canvas>';

var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var cimg = new Image();
//coin
cimg.src = "c.png";
var time = 0;
var delay = 0;
var coin = {
        srcX: 0,
        srcY: 0,
        w: 90,
        h: 89,
        dw: 40,
        dw: 40,
        x: Math.floor(Math.random() * canvasWidth),
        y: Math.floor(Math.random() * canvasHeight) 
}
ctx.drawImage(cimg, coin.srcX, coin.srcY, coin.w, coin.h, coin.x, coin.y, coin.dw, coin.dh);



</script>

Есть идеи? Это не дает мне никаких ошибок.

Спасибо.

Answer 1

Вы дважды набрали dw здесь:

var coin = {
        srcX: 0,
        srcY: 0,
        w: 90,
        h: 89,
        dw: 40,
        dw: 40,
        x: Math.floor(Math.random() * canvasWidth),
        y: Math.floor(Math.random() * canvasHeight) 
};

Второй должен быть dh: 40 вместо. =)