canvas之createjs库的easeljs
2015-09-02 本文已影响242人
机器猫的百宝袋
<!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(){
//根据ID取得.html文件中的标签元素
canvas = document.getElementById("canvas");
//将./文件中的标签创建控制台
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();
}
