Html 在画布上画螺旋圆

Html 在画布上画螺旋圆,html,html5-canvas,Html,Html5 Canvas,我想在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 u

我想在
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();
    }
}  
//使用DOM获取画布元素
var canvas=document.getElementById('circlecanvas');
//确保在画布不受支持时不执行
if(canvas.getContext){
//使用getContext使用画布进行绘图
var ctx=canvas.getContext('2d');
//画形状
ctx.beginPath();
//弧(x,y,半径,星形,端角,逆时针);

对于(i=0;i我想你需要的是一个螺旋。。。 我正在发布伪代码,以便在下面绘制一个阿奇米德螺旋线:- 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);
}
(i=0;i<720;i++)的
{
角度=0.1*i;
x=(1+角度)*数学cos(角度);
y=(1+角度)*数学sin(角度);
抽绳至(x,y);
}

您遇到的问题是什么?什么也没发生?出错?等等?只有一个圆在画..但想要看起来像图案一样的东西我能找到的就是这个..@puzzdboy..让我知道它是否有用..)