文字在图形与easeljs

我使用的easel.js库（src：easeljs library）和示例游戏，你可以在这里找到：easel js space game example。文字在图形与easeljs

正如你可以看到有垫片。这些是这样形成的：

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

现在我的问题是，如果你可以在图形类中放一个字？
我想有一个像“@BachelorGDM”的文字。

现在，我想用“beginBitmapFill”这样做：

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

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

来源

2013-06-20 nielsv

他们演示的第11页有添加文本到现场的选项。他们的演示的第6页显示移动文本div以跟踪其他项目的位置。设置div的背景透明，你应该能够得到你想要的。 –

看到这个：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-20 15:07:41 tomdemuyt

我现在想用graphics.beginBitMapFill像这样： this.graphics.beginBitmapFill（“http://nielsvroman.be/twitter/root/easeljs/image.png”）;但我总是得到一个类型错误。（编辑开始发布） – nielsv

更新后！仍然得到错误.. – nielsv

spacerock.js，第53行，你仍然使用img这是一个字符串。 – tomdemuyt

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

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

来源

2013-07-16 11:12:22

文字在图形与easeljs

回答

相关问题