3、文字創建

文字對於信息的闡述、傳遞的重要性不言而喻,很很很重要。那麼本小節我們就來說說createjs中普通文字的創建,以及文字常規屬性的設置調整。
ps: (爲了簡化內容,便於大家閱讀。以後的教程會逐步省略對前面教程出現過的知識點詳細介紹、備註等。如有不明之處可以按順序翻看教程或者加 Q 溝通)
完整案例代碼github地址: https://github.com/seablue001...

## 文字創建分爲以下幾個主要步驟: ##

  1. 創建舞臺
  2. 使用Text類構造函數傳遞對應必要參數(內容、字體樣式、顏色)實例化文字對象
  3. 調整文字在舞臺座標位置
  4. 添加文字到舞臺
  5. 更新舞臺

步驟一:

     // 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();

顯示結果:
clipboard.png

done完成!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章