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完成!

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