html5-循环方式-绘制矩形
<div id="cnblogs_post_body"><div class="cnblogs_code">$(function(){ var can = $("#can").get(0); var ctx = can.getContext("2d"); for(i=0;i<10;i++){ctx.beginPath();//每次都将重置绘画位置；
ctx.arc(15+i*15,15+i*15,30,0,Math.PI*(i+1/2),true);
//以下是奇数和偶数区分 if(i%2==1){ ctx.fill(); }else{ ctx.stroke(); } }})
页:
[1]