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(400,250); ctx.lineTo(x,100); ctx.stroke();