Javascript 带easeljs的图形文本

Javascript 带easeljs的图形文本,javascript,jquery,graphics,easeljs,Javascript,Jquery,Graphics,Easeljs,我正在使用easel.js库(src:)和您可以在这里找到的示例游戏: 正如您所看到的,有垫片锁。它们是这样形成的: this.graphics.beginStroke("#FFFFFF"); var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png"); this.graphics.beginBitmapFill(bitmap); var bitmap = new

我正在使用easel.js库(src:)和您可以在这里找到的示例游戏:

正如您所看到的,有垫片锁。它们是这样形成的:

this.graphics.beginStroke("#FFFFFF");
var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png");
    this.graphics.beginBitmapFill(bitmap); 
var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png%22");
现在我的问题是,你是否可以在图形类中输入一个单词?
我想要一个像“@BachelorGDM”这样的文本

现在我试着用“beginBitmapFill”这样做:

this.graphics.beginStroke("#FFFFFF");
var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png");
    this.graphics.beginBitmapFill(bitmap); 
var bitmap = new createjs.Bitmap("http://nielsvroman.be/twitter/root/easeljs/image.png%22");
但我总是得到一个类型的eror。可以在此处查看错误:
(在控制台中)

请参见以下内容:

例如:

var text = new createjs.Text("Hello World", "20px Arial", "#ff7700");
text.x = 100;
text.textBaseline = "alphabetic";
或者,您可以使用带有字母表、数字和其他您想要使用的符号的精灵表,然后从这些精灵中创建一个带有文本的图形并使用该图形

将位图加载到位图对象中,如下所示:

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

beginBitmapFill
需要
图像
,而不是
位图
。正确的例子是:

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

他们演示的第11页有一个向场景添加文本的选项。他们演示的第6页显示了移动文本div以跟随其他项目的位置。将div的背景设置为透明,您应该能够获得所需的内容。我现在正在尝试使用graphics.beginBitMapFill,如下所示:this.graphics.beginBitMapFill(“);但我总是遇到类型错误。(编辑开始文章)spacerock.js,第53行,您仍然使用img,这是一个字符串。此外,新问题应该是不同的问题,否则您的问题对未来的访问者没有太大的价值。更改后,它已联机工作。现在它也联机。仍然错误。位图不是createjs的一部分,我假设EaselJs未正确加载。