html5-循环方式-绘制矩形

船长op

<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();            }    }})