HTML——canvas1

 1 <html>
 2     <head>
 3         <script src="easeljs-0.7.1.min.js"></script>
 4     </head>
 5     <body>
 6         <canvas id="canvas" width="500px" height="500px"></canvas>
 7       <script>
 8                var canvas;
 9 var stage;
10 var txt;
11 var count=0;
12 //window.onload 页面数据初始化之类的工作
13 window.onload=function(){
14       canvas=document.getElementById("canvas");
15     //创建一个新舞台
16     stage=new createjs.Stage(canvas);
17     //创建一个新文本(文本,大小,字体,颜色)
18     txt =new createjs.Text("number->","20px Arial","#ff7700"); 
19     //把这个文本添加到舞台中
20     stage.addChild(txt);
21     //FPS 每秒中页面刷新的次数(frames per second)
22     createjs.Ticker.setFPS(5);
23     //添加侦听事件并处理函数
24     createjs.Ticker.addEventListener("tick",tick);
25     
26 }
27 
28 function tick(e){
29       count++;
30       txt.text="number->"+count+"!";
31       //更新舞台的数据
32       stage.update();
33     }
34           </script>
35     </body>
36 </html>

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。