Javascript 带easeljs的图形文本
我正在使用easel.js库(src:)和您可以在这里找到的示例游戏: 正如您所看到的,有垫片锁。它们是这样形成的: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
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未正确加载。