文字在圖形與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

回答

相關問題