0

我正在使用easel.js 库(src:easeljs 库)和您可以在此处找到的示例游戏:画架js 太空游戏示例

如您所见,有太空岩石。这些是这样形成的:

this.graphics.beginStroke("#FFFFFF");

现在我的问题是,您是否可以在图形类中添加一个词?
我想在其中添加一个文本,例如“@BachelorGDM”。

现在我正在尝试使用“beginBitmapFill”来做到这一点,如下所示:

var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png");
    this.graphics.beginBitmapFill(bitmap); 

但我总是得到一个类型错误。可以在此处查看错误:http: //nielsvroman.be/twitter/root/game.html
(在控制台中)

4

2 回答 2

1

看到这个:http ://www.createjs.com/Docs/EaselJS/classes/Text.html

例子:

var text = new createjs.Text("Hello World", "20px Arial", "#ff7700");
text.x = 100;
text.textBaseline = "alphabetic";

或者,您可以使用带有您想要使用的字母、数字和其他符号的精灵表,然后从这些精灵中构建一个带有文本的图形并使用该图形。

您可以像这样将位图加载到位图对象中:

var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png%22");
于 2013-06-20T15:07:41.907 回答
0

beginBitmapFill期望Image,不是Bitmap。正确的例子是:

var img = new Image("myimage.png");
new Graphics().beginBitmapFill(img);
于 2013-07-16T11:12:22.710 回答