JavaScript Canvas for文で要素を追加する方法

Question

javascriptのcanvasを使って作っているものがあるのですが
同じ画像を5個設置したいのでfor文を使用しようと思いましたが画像は表示されませんでした
エラーなども吐かない状況です
どなたかご教授いただけませんでしょうか。
よろしくお願い致します。

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d")
var obj = [10,50,100,150,200]
function draw(){
    ctx.clearRect(0, 0, ctx.canvas.clientWidth, ctx.canvas.clientHeight);
    for(i=0,i<5;i++;){
        honey = new Image();
        honey.src = "photos/honey.png";
        ctx.drawImage(honey,obj[i],100)
    }
    

}
setInterval(draw,10)

Answer 1

for(i=0,i<5;i++;)

ここがおかしいです。
区切り文字は;なので,と書いてある箇所が誤りです。
正しくはこうfor(i=0;i<5;i++)

因みに中央の「継続条件」がi++なので
初回は0となり1回もループせずに終わります。
危なかったですね、もし++iだとブラウザが固まり、CPUは爆熱でシューシュー音がしてたかも知れません。

Comments

[Tansn]

ありがとう御座います！無事表示されました！
タイプミスって怖いですね...