畫布環線

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++)