图形位图填充类型错误答案

【问题标题】：Graphics BitMapFill TypeError图形位图填充类型错误
【发布时间】：2013-06-20 19:11:10
【问题描述】：

我正在使用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：类型错误

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

【问题讨论】：

【解决方案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();
}

【讨论】：