javascript - Canvas For循环线

Question

我正在尝试循环一个在 Canvas 上绘制垂直线的语句，并且想知道为什么这不起作用:

var c = document.getElementById("myCanvas");
    var ctx = c.getContext("2d");
    var x = 26;

    ctx.moveTo(26,0);
    ctx.lineTo(26,350);
    ctx.stroke();

    for (var i = 0; i > 27; i++) {
        x = x + 25; 
        ctx.moveTo(x,0);
        ctx.lineTo(x,350);
        ctx.stroke();
    }

Answer 1

你的for循环:

for (var i = 0; i > 27; i++)

被解释为“i = 0；只要 i 大于 27，就运行此命令，并增加 i。

因为 0 不大于 27，所以这永远不会运行。

您最有可能寻找的是:

for (var i = 0; i < 27; i++)