for (var i=0;i<10;i++) { ctx.beginPath(); ctx.arc(30+i*100,60+200,30,0,2*Math.PI*(i+1)/10); ctx.lineWidth=3; ctx.stroke(); ctx.closePath(); }
所有需要操作的行为都应该放在stroke前面,就好像,在一张纸上画图一样,画完了就没办法改了。
把ctx.closePath();放在ctx.stroke();前面可以出现效果