带有画架的图形文字

Question

我正在使用easel.js库（src：easeljs library）以及您可以在此处找到的示例游戏：easel js space game example。

正如你所看到的那样有间隔弹。它们是这样形成的：

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

现在我的问题是你是否可以在图形类中添加一个单词？
我希望在其中有一个文本，如“@BachelorGDM”。

现在我正试图用“beginBitmapFill”这样做：

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

但我总是得到一个Type eror。可以在这里观看错误： http://nielsvroman.be/twitter/root/game.html
（在控制台中）

Answer 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");

Answer 2

beginBitmapFill预计Image，而不是Bitmap。正确的例子是：

var img = new Image("myimage.png");
new Graphics().beginBitmapFill(img);