java螺线_JavaScript图形实例：阿基米德螺线

1．阿基米德螺线

阿基米德螺线亦称“等速螺线”。当一点P沿动射线OP以等速率运动的同时，该射线又以等角速度绕点O旋转，点P的轨迹称为“阿基米德螺线”。

阿基米德螺线的笛卡尔坐标方程式为：

r=10*(1+t)

x=r*cos(t * 360)

y=r*sin(t *360)

编写如下的HTML代码。

阿基米德螺线

function draw(id)

{

var canvas=document.getElementById(id);

if (canvas==null)

return false;

var context=canvas.getContext('2d');

context.fillStyle="#EEEEFF";

context.fillRect(0,0,300,300);

context.strokeStyle="red";

context.lineWidth=2;

var dig=Math.PI/32;

context.beginPath();

context.moveTo(150,150);

for (var i=1;i<=256;i++)

{

x=150+5*i*dig*Math.sin(i*dig);

y=150+5*i*dig*Math.cos(i*dig);

context.lineTo(x,y);

}

context.stroke();

}