文字對於信息的闡述、傳遞的重要性不言而喻,很很很重要。那麼本小節我們就來說說createjs中普通文字的創建,以及文字常規屬性的設置調整。
ps: (爲了簡化內容,便於大家閱讀。以後的教程會逐步省略對前面教程出現過的知識點詳細介紹、備註等。如有不明之處可以按順序翻看教程或者加 Q 溝通)
完整案例代碼github地址: https://github.com/seablue001...
## 文字創建分爲以下幾個主要步驟: ##
- 創建舞臺
- 使用Text類構造函數傳遞對應必要參數(內容、字體樣式、顏色)實例化文字對象
- 調整文字在舞臺座標位置
- 添加文字到舞臺
- 更新舞臺
步驟一:
// 1、創建舞臺
var stage = new createjs.Stage("myStage");
步驟二:
// 2、使用Text類構造函數傳遞對應必要參數(內容、字體樣式、顏色)實例化文字對象
var text1 = new createjs.Text('你好,createjs', 'bold 20px 黑體', '#000000');
var text2 = new createjs.Text('馬上中秋了,祝大家中秋佳節快樂', 'bold 40px 宋體', '#ff9933');
步驟三:
// 3、整文字在舞臺座標位置
text1.x = 300;
text1.y = 50;
text2.x = 100;
text2.y = 150;
步驟四:
// 4、添加文字到舞臺
stage.addChild(text1, text2);
步驟五:
// 5、更新舞臺
stage.update();
顯示結果:
done完成!