學數學之利用Canvas繪製阿基米德螺線

一些知識背景

阿基米德螺線（Archimedean spiral），亦稱「等速螺線」。當一點P沿動射線OP以等速率運動的同時，這射線又以等角速度繞點O旋轉，點P的軌跡稱爲「阿基米德螺線」。它的極座標方程爲：

下面利用canvas進行繪製

let mycav = document.getElementById('cav');
let ctx = mycav.getContext('2d');

ctx.lineWidth = 1;

ctx.beginPath();

let sx = 200, sy = 200;

ctx.moveTo(sx, sy);

//for r = a + b*x in Polar
let a = 0, b = 6;
let maxangle = 8 * Math.PI
for (var i = 0; i <= maxangle; i = i + 0.1) {
    let tx = a+ b * i * Math.cos(i);
    let ty = a+ b * i * Math.sin(i);
    ctx.lineTo(sx + tx, sy + ty);
}

ctx.stroke();
複製代碼

Demo