javascript - 图形位图填充类型错误

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