初学canvas想着能画园和椭圆,能不能画螺旋,然后就试了一下,代码很简单,思路也很简单,就是不停的调用画园的函数,但是每次都只画一点点弧线,并且半径逐渐增大,话不多说,直接上代码
var r = 1;
var draw = window.setInterval(function(){
drawLine(ct,r=r+1/r);
},1);
function drawLine(ct,r){
ct.beginPath();
ct.arc(500,300,r,r,r+1);
ct.stroke();
if(r>200){clearInterval(draw);}
}
效果图:
为了看着比较爽,这里直接用setinterval函数,执行结果是从中心一点慢慢的自己画,看着很催眠