<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
<script src="lib/easeljs-0.7.1.min.js" charset="utf-8"></script>
<script src="lib/tweenjs-0.5.1.min.js" charset="utf-8"></script>
<!-- <script src="Circle.js" charset="utf-8"></script>
<script src="app.js" charset="utf-8"></script>-->
</head>
<body onload="init()" style="margin:20px">
<canvas id="canvas" width="800" height="600" style="border:black solid 1px"></canvas>
</body>
<script type="text/javascript">
var stage
function init(){
stage=new createjs.Stage("canvas")
//Ticker触发 如同AS 3 的ENTERFRAME
createjs.Ticker.addEventListener("tick",handleTick)
/刷新频率
createjs.Ticker.setFPS(60)
start()
}
function handleTick(e){
stage.update()
}
function start(){
var g=new createjs.Graphics()
g.beginStroke("#000").beginFill("#ff0000").drawRect(0,0,100,100)
var square=new createjs.Shape(g)
//调整中心点
square.regX=square.regY=50
//放到canvas中心,这里的 stage.canvas很有意思 ,canvas称为了stage的子对象
square.x=stage.canvas.width/2
square.y=stage.canvas.height/2
stage.addChild(square)
createjs.Tween.get(square).to({rotation:360},8000)
}
</script>
</html>