자바 스크립트 및 HTML5 캔버스를 통해 배경 이미지 업데이트

Question

자바 스크립트는 내 장점 중 하나가 아닙니다. 그러므로 제 질문이 당신 대다수에게 매우 보완적인 것으로 나타난다면 사과하십시오.

Boids with 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/

그런 식으로 당신은 모든 시간을 그리기에 대해 걱정할 필요가 없습니다.