JavaScript盘旋线

Question

我想制作一个圆圈线，但它会形成一个黑色的字段。我错过了什么？

这是我的jsfiddle：http://jsfiddle.net/j6y5f7xb/1/

我的代码：

var x = 0;

var maxLoops = 800;
var counter = 0;

function loop(){
    if (counter++ >= maxLoops) return;

    var c = document.getElementById("canvas");
    var ctx = c.getContext("2d");

    ctx.clearRect(0, 0, 800, 500);

    ctx.moveTo(400,250);
    ctx.lineTo(x,100);
    ctx.stroke();

    x++;

    setTimeout(function(){
        console.log(counter);
        loop();
    }, 10);
}
loop();

Answer 1

尝试像这样添加它               ctx.beginPath（）;
              ctx.moveTo（400250）;               ctx.lineTo（X，100）;               ctx.stroke（）;

Answer 2

尝试在ctx.lineTo（）下添加此行。

  context.fillStyle = 'black';
  context.fill();

有关详情，请访问以下网站：http://www.html5canvastutorials.com/tutorials/html5-canvas-circles/

Answer 3

A＆＃39;盘旋＆＃39;像this一样的行？

如果您的y合作关系不变100，则无法制作圈子