圖形BitMapFill類型錯誤

Question

我正在使用easeljs javascript來製作某種遊戲。 我用這個例子：http://www.createjs.com/#!/EaselJS/demos/game

正如你可以看到有spacerocks。這是圖形對象：

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圖像的引用而不是Bitmap實例。

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(); 
}