<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="easeljs-0.8.1.min.js"></script>
</head>
<body>
<canvas id="canvas" width="500px" height="500px"></canvas>
<script src="UsingCanvas.js"></script>
</body>
</html>
UsingCanvas.js
var canvas;
var stage;
var txt;
var count = 0;
window.onload = function(){
//根據(jù)ID取得.html文件中的標簽元素
canvas = document.getElementById("canvas");
//將./文件中的標簽創(chuàng)建控制臺
stage = new createjs.Stage(canvas);
//繪制
txt = new createjs.Text("number->","20px Arial","blue");
//將繪制的元素加入控制臺
stage.addChild(txt);
//控制臺的刷新頻率
createjs.Ticker.setFPS(30);
//為控制臺添加事件
createjs.Ticker.addEventListener("tick",tick);
}
function tick(e){
count++;
txt.text = "number->"+count;
stage.update();
}
