在画布上绘制螺旋圈

Question

我想要在canvas中画出这种图案螺旋，我使用下面的代码 需要您的帮助，为进一步绘制圆。

// get the canvas element using the DOM 
var canvas = document.getElementById('circlecanvas'); 
// Make sure we don't execute when canvas isn't supported 
if (canvas.getContext){ 
    // use getContext to use the canvas for drawing 
    var ctx = canvas.getContext('2d'); 
    // Draw shapes 
    ctx.beginPath(); 
    //context.arc(x, y, radius, startAngle, endAngle, counterClockwise); 
    for (i=0;i<9;i++){ 
     ctx.arc(50, 50, 50, i, Math.PI * 2, false); 
     ctx.fill(); 
    } 
} 

Answer 1

我想你需要的是一个螺旋... 我张贴的伪代码绘制如下的阿基米德螺线： - NB-角是一个变量..你相应的调整...

for (i=0; i< 720; i++) { 
    angle = 0.1 * i; 
    x=(1+angle)*Math.cos(angle); 
    y=(1+angle)*Math.sin(angle); 
    drawlineTo(x, y); 
}