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)

　　属性不解释。

　　作用：用于擦除。