アニメーション gif を html5 キャンバス オブジェクトに追加しようとしています。問題は、一度追加すると再生されず、最初のフレームにとどまることです。Chrome と Firefox で HTML5 ドキュメントをテストしましたが、同じ問題が発生します。Chrome と Firefox で gif を開いて、アニメーションが実行されていることを確認しましたが、HTML5 キャンバス オブジェクトではなく、正常に実行されます...
コードは次のとおりです。
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;">
Your browser does not support the canvas element.
</canvas>
<script type="text/javascript">
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=new Image();
img.onload = function(){
ctx.drawImage(img,0,0);
};
img.src="enemy1.gif";
</script>
</body>
</html>
どんな助けでも大歓迎です。