文字对于信息的阐述、传递的重要性不言而喻,很很很重要。那么本小节我们就来说说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完成!
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。