在画布中绘制螺旋圆形。

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();
    }
}  

- Naresh

---

你遇到了什么问题？什么都没有发生吗？出现了错误吗？等等？ - Veger

仅绘制了一个圆圈..但希望看起来像图案中的样子。 - Naresh

Answer 1

我认为你需要的是一个螺旋线... 我在下面发布了绘制阿基米德螺旋线的伪代码： 注意- 角度是一个变量.. 你需要相应地进行调整...

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);
}

- Sreekanth Karumanaghat

---

我所能找到的只有这个.... https://dev59.com/Fmw15IYBdhLWcg3wG4AJ - Sreekanth Karumanaghat

@PuzzledBoy，请告诉我它是否有帮助.. :) - Sreekanth Karumanaghat