标签：
canvas绘制Z
先贴代码吧：
1 /** 2 * Created by Administrator on 2016/1/26. 3 */ 4 var i; 5 function draw (id){ 6 var canvas = document.getElementById(id); 7 context = canvas.getContext(‘2d‘); 8 setInterval(painting,10); 9 i=0; 10 } 11 function painting(){ 12 context.fillStyle = "red" ; 13 context.fillRect(i+10,0,10,10); 14 context.fillRect(400-i,i,10,10); 15 context.fillRect(i+10,390,10,10); 16 i++; 17 }
这里值得一提的是setInterval方法。
格式：
setInterval(code,millisec[,"lang"])
code:调用的代码段，即调用的函数。
millisec:周期性执行或调用 code 之间的时间间隔，以毫秒计。
作用：用于绘图。
canvas屏幕框
代码：
1 /** 2 * Created by Administrator on 2016/1/26. 3 */ 4 var i; 5 function draw (id){ 6 var canvas = document.getElementById(id); 7 context = canvas.getContext(‘2d‘); 8 setInterval(painting,10); 9 i=0; 10 } 11 function painting(){ 12 context.fillStyle = "red"; 13 context.fillRect(0,0,200,200); 14 context.fillStyle = "white"; 15 context.clearRect(20,20,50,50); 16 }
这里有clearRect方法。
格式：
clearRect(x,y,width,heigth)
属性不解释。
作用：用于擦除。
标签：
原文地址：http://www.cnblogs.com/chenluomenggongzi/p/5162572.html
