码迷,mamicode.com
首页 > Web开发 > 详细

HTML——canvas1

时间:2015-01-02 13:25:24      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:

 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>

 

HTML——canvas1

标签:

原文地址:http://www.cnblogs.com/yuws/p/4198343.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!