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