图形BitMapFill TypeError

我正在使用easeljs javascript来制作一种游戏。 我正在使用这个例子： 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"); 

但我总是得到这个错误：

未捕获的TypeError：键入错误

有人知道我做错了什么吗？

Answer 1

使用对HTML图像的引用，而不是Bitmap实例。

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

请注意，您必须确保已加载图像，否则它可能不会显示在第一阶段更新中。 您可以勾选舞台，也可以收听图像onload，然后刷新舞台。

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