2013-11-28 28 views
0

我試圖繪製從黑色到紅色線的圖形模式,取決於波的Y值。要了解,如果我這樣做是正確白衣的做法,我開始的jsfiddle測試:如何在HTML畫布上繪製三角模式?

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(); 


      } 

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

+3

在JavaScript'&'是二進制和運營商,而不是連接運算符。 http://jsfiddle.net/nWb6M/1/ – JJJ

回答

1

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

enter image description here

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();  
}