图形化BitMapFill TypeError

Question

我正在使用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图像的引用，而不是位图实例。

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