그래픽 BitMapFill TypeError

Question

저는 일종의 게임을 만들기 위해 easeljs 자바 스크립트로 작업하고 있습니다. 이 예제를 사용하고 있습니다 : http://www.createjs.com/#!/EaselJS/demos/game

보시다시피 스페이서가 있습니다. 이 그래픽 객체 :

this.graphics.beginStroke("#FFFFFF"); 

나는이 같은 이미지로 배경을 채울 싶습니다

var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png"); 
this.graphics.beginBitmapFill(bitmap, "no-repeat"); 

하지만 난 항상이 오류를 얻을 :

Uncaught TypeError: Type error

을

아무도 내가 뭘 잘못하고 있는지 알아?

Answer 1

비트 맵 인스턴스가 아닌 HTML 이미지에 대한 참조를 사용하십시오.

var image = new Image(); 
image.srce = "http://nielsvroman.be/twitter/root/easeljs/image.png"; 
this.graphics.beginBitmapFill(image, "no-repeat"); 

이미지가로드되었는지 확인해야합니다. 그렇지 않으면 이미지가 첫 번째 단계 업데이트에 표시되지 않을 수 있습니다. 스테이지를 체크하거나 이미지로드를 수신하고 스테이지를 새로 고침 할 수 있습니다.

image.onload = function() { 
    stage.update(); 
}