画布环线

Question

新来这个论坛，所以如果这是一个rucky问题请与我裸露，没有多少知识，在Javascript要么但是我已经设置就这么一个分配...

我想循环轮通过画布绘制一条垂直线，并想知道为什么这不起作用声明：

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循环检查，如果我是大于27的，如果它是不是结束。因为它被设置为0，所以它立即结束。如果您将标志从大于或小于，则会对画布进行条纹处理。

https://jsfiddle.net/j6nucv6o/

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 2

您的循环：

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

是被解释为“我= 0;只要我比 27更大，运行它，并增加我。因为0不大于27，所以它永远不会运行。

你很可能会寻找：

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