Javascript 使用CreateJS创建简单的文本渐变_Javascript_Createjs

Javascript 使用CreateJS创建简单的文本渐变

javascript

Javascript 使用CreateJS创建简单的文本渐变,javascript,createjs,Javascript,Createjs,我已经开始学习如何使用CreateJS。我想做一个简单的文本。所以我有这个代码： <script src="http://code.createjs.com/createjs-2013.12.12.min.js"></script> <script> function init() { var c = createjs; var stage = new c.Stage("myCanvas"); var txt = new c.Tex

我已经开始学习如何使用CreateJS。我想做一个简单的文本。所以我有这个代码：

<script src="http://code.createjs.com/createjs-2013.12.12.min.js"></script>

<script>
function init() {
    var c = createjs;
    var stage = new c.Stage("myCanvas");

    var txt = new c.Text("Hola!", "bold 16px Arial");
    txt.alpha = 0.2;
    stage.addChild(txt);
    c.Tween.get(txt)
        .to({alpha:1}, 1500)
        .to({text:"Ciao!"}, 800)
        .to({rotation:360, text:"Hello"}, 1300)
        .to({y:380}, 2000, c.Ease.bounceOut)
        .wait(1000)
        .call(alert, ["Done animating!"], window);

    stage.update();
}
</script>
</head>
<body onLoad="init();">
    <canvas id="myCanvas" width="300" height="400">Canvas not supported</canvas>
</body>


函数init（）{
var c=createjs；
var阶段=新的c阶段（“myCanvas”）；
var txt=新的c.Text（“Hola！”，“bold 16px Arial”）；
txt.alpha=0.2；
stage.addChild（txt）；
c、 Tween.get（txt）
.至（{alpha:1}，1500）
。至（{文本：“再见！”}，800）
.to（{旋转：360，文本：“Hello”}，1300）
.to（{y:380}，2000，c.Ease.bounceOut）
.等等（1000）
。调用（警报，[“完成动画制作！”]，窗口）；
stage.update（）；
}
不支持画布

我在画布上看到我的文本，它有alpha 0.2，它甚至在最后弹出警报，但我在画布上看不到任何运动。我做错了什么？

stage.update（）需要重复调用才能正确渲染动画，最常见的方法是在每次勾选时调用它
createjs.Ticker.addEventListener("tick", function() {
    stage.update();
});

将此添加到代码中，它就会正常工作。
stage.update（）需要重复调用才能正确渲染动画，最常见的方法是在每次勾选时调用它
createjs.Ticker.addEventListener("tick", function() {
    stage.update();
});

将此添加到代码中，它就会正常工作。
stage.update（）需要重复调用才能正确渲染动画，最常见的方法是在每次勾选时调用它
createjs.Ticker.addEventListener("tick", function() {
    stage.update();
});

将此添加到代码中，它就会正常工作。
stage.update（）需要重复调用才能正确渲染动画，最常见的方法是在每次勾选时调用它
createjs.Ticker.addEventListener("tick", function() {
    stage.update();
});

将此添加到代码中，它就会正常工作