如何在HTML畫布上繪製三角模式？

Question

我試圖繪製從黑色到紅色線的圖形模式，取決於波的Y值。要了解，如果我這樣做是正確白衣的做法，我開始的jsfiddle測試：

Test

var j,k; 
k=255; 

var green=150; 
var blue=150; 

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

for(j=0;j<k;j++) 
      { 

       ctx.beginPath(); 
       ctx.moveTo(j, 0); 
       ctx.lineTo(j, 150); 
       ctx.strokeStyle = "rgb("&j&", 0, 0)"; 
       ctx.stroke(); 


      } 

但結果只是在所有的線路灰色調，雖然畫法在循環內部，'紅色'值正在改變。

Answer 1

把@ Juhana的很好的建議付諸實踐：

var j,k; 
k=255; 

var green=150; 
var blue=150; 

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

for(j=0;j<k;j++){ 
    ctx.beginPath(); 
    ctx.moveTo(j, 0); 
    ctx.lineTo(j, 150); 
    ctx.strokeStyle = "rgb("+j+",0,0)"; 
    ctx.stroke();  
}