在canvas中画个螺旋线

初学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函数，执行结果是从中心一点慢慢的自己画，看着很催眠