JavascriptとHTML5 Canvasで背景画像を更新

Question

Javascriptは私の強みではありません。したがって、私の質問があなたの多くに非常に矯正されて表示される場合は謝罪します。

私はBoids through JavascriptとHTML5 Canvasを実装しようとしています。フロッキング動作が確立されているにもかかわらず、アプリケーションは空白の背景にむしろ単純に見えます。

このため、背景として画像を使用しようとしていますが、問題があります。

this.draw = function() { 
     /* First clear everything */ 
     this.context.clearRect(0, 0, this.canvas.width, this.canvas.height); 

     /* And ink them */ 
     this.context.strokeStyle = "#000"; 
     this.context.stroke(); 

     /* Draw each boid */ 
     for(var i in this.boids) { 
      this.boids[i].draw(this.context, this.size); 
     } 
    } 

誰もが上記の関数内の背景画像を描画する方法の知識を持っている場合は、あなたが私に教えてことができますしてください:)

Answer 1

代わりにキャンバスでそれをやって、あなたがより簡単でbackground-imageを設定することができますCSS：あなたはそれをすべての時間を描画を心配する必要はありません

http://jsfiddle.net/qwzBh/

その方法。