javascript
java阿基米德螺线_JavaScript图形实例:阿基米德螺线
1.阿基米德螺線
阿基米德螺線亦稱“等速螺線”。當(dāng)一點P沿動射線OP以等速率運動的同時,該射線又以等角速度繞點O旋轉(zhuǎn),點P的軌跡稱為“阿基米德螺線”。
阿基米德螺線的笛卡爾坐標(biāo)方程式為:
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();
}
總結(jié)
以上是生活随笔為你收集整理的java阿基米德螺线_JavaScript图形实例:阿基米德螺线的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: TX1性能测试
- 下一篇: 在windows media playe