敲完前三个例子，就算入了门了。接下来熟悉一下常用的类，先从基本的显示对象开始，as里边最基本的显示对象就3种：graphic、textField、bitmap，createjs里边也是。想想也是，屏幕上能看到的无非就是这三种：矢量图、文本、位图。
shape里边已经用过graphic了，就不再单独拿出来了。先来看一下TextField，createjs里边叫Text。
还是直接上源码，个人理解都在注释里：
//创建stage，参数为canvas的id
var stage=new createjs.Stage("gameMain");
createjs.Ticker.setFPS(60);
createjs.Ticker.addEventListener("tick", tick);
function tick(event){
stage.update();//需要tick，然后自己update,才能刷新显示。
//stage.tick();//官方API说：A stage is the root level Container for a display list. Each time its tick method is called, it will render its display list to its target canvas.我居然信了，试了试不对，看源码也不是调用tick就能刷新显示。不知道是不是因为我英文太差理解错了。
//console.log(stage.mouseX);//mouseX属性还是一直有值的，不错。
}
//创建一个text
var tf=new createjs.Text("Hello World","20px","#ff0000");//只能是动态文本，参数：文本内容，字体，颜色 。//不知道输入文本怎么实现，还是说只能用html做？
//设置显示元件的位置
tf.x=0;
tf.y=0;
tf.text="hanyeah:"+tf.text;//可以设置位置,读写内容,侦听鼠标事件,对齐方式,可见不可见等等 。(还是不习惯用代码控制文本框)
//tf.rotation=180;旋转之后不显示，和as一样
//添加到显示列表
stage.addChild(tf);
和as里边还是很像的，相当于as里边的动态文本，而且不能框选内容，而且没有输入文本。估计输入文本只能用DOM元素实现，猜想应该在DOMElement里边实现。有空看一看。
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。