createjs初学-制作一个简单的TextButton

这个例子是从 Beginning HTML5 Games with CreateJS里学来的，我自己简单做了一个。

这个TextButton很简单，只有两部分，一个部分是button的Label，要显示的标签，使用createjs.Text实现；另外一部分是button的背景，会根据鼠标事件发生变化，使用createjs.Shape实现。

（createjs.Shape是继承自createjs.DisplayObject类的，但是和actionscript中的DisplayObject类不同，createjs.DisplayObject可以接受所有类型的鼠标事件）

简单介绍一下createjs.Text这个类：
继承自DisplayObject，用来显示一行或者多行文字。
注意：并不支持htmlText，每个Text只能显示为一种样式。要想使用多种样式，要创建多个Text。

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

构造函数接受三个参数，都是可选的。第一个是要显示的文本；第二个是使用的字体；第三个是使用的颜色。
textAlign属性表示横向 对齐的方式，它的值可以是start、end、left、right、center。
textBaseLine属性表示竖直对其方式，它的值可以是top、hanging、middle、alphabetic、ideographic、bottom。

下面是TextButton类的代码

(function(window){
   
    function SHLTextButton(text,bwidth,bheight,textColor,fontsize,upColor,downColor)//在构造函数中穿一些必要的参数进来
    {
   
        this.Container_constructor();
        this.buttonText=text;