Create.js实战-对文字的操作

大家好，今天给大家分享一下关于Create.js-对文字的操作，首先我们先看一下官方的说法：http://www.createjs.cc/src/docs/easeljs/classes/Text.html

Text Class

显示一行或多行动态文本（不是用户可编辑）在显示列表。线的包装支持（使用线宽）是非常基本的，只在空格和制表符。值得注意的是，作为一种替代文本，你可以定位HTML文本的上方或下方帆布相对于物品的使用显示列表 localToGlobal 方法或使用 DOMElement.

请注意，文本不支持HTML文本，并且一次只显示一个字体样式。 要使用多个字体样式，您需要创建多个文本实例，并手动定位它们。

实例

 var text = new createjs.Text("Hello World", "20px Arial", "#ff7700");
 text.x = 100;
 text.textBaseline = "alphabetic";

CreateJS文本支持Web字体（如帆布相同的规则）。字体必须在浏览器显示之前加载和支持。

接下来我把自己的代码贴上了 跟大家一起分析学习，

function textInit(direction = " ", level = localVn.toFixed(2),zm = "视标") {//文字描述区域
// if(level > 0.1){
// level = localVn.toFixed(1);
// console.log(level);
// }
direBitm.x = 75;
gameView.addChild(direBitm);
//添加参考图片
var Text = new createjs.Text("请点击" + direction + zm, "20px Arial", "#000000");
var levelObj = new createjs.Text("等级:" + level, "20px Arial", "#000000");
levelObj.x = 1150;
levelObj.y = 740;
Text.x = 10;
Text.y = 5;
stage.addChild(levelObj);
stage.addChild(Text);
// 文字添加到舞台上
}

文字在这里简单说明一下，自定义函数里面参数理解为一个游戏的控制参数，我可以通过传参数来对游戏操作，从而实现动态交互。

今天又是代码满满的一天，老哥们我们下期再见，谢谢

转载于:https://my.oschina.net/8946a/blog/1305273