어떻게 HTML 캔버스에 그래디언트 선을 그릴 수 있습니까?

Question

그라데이션 선을 그리려는 중입니다. 캔버스에서 어떻게 가능합니까?

Answer 1

예. 예 :

// linear gradient from start to end of line 
var grad= ctx.createLinearGradient(50, 50, 150, 150); 
grad.addColorStop(0, "red"); 
grad.addColorStop(1, "green"); 

ctx.strokeStyle = grad; 

ctx.beginPath(); 
ctx.moveTo(50,50); 
ctx.lineTo(150,150); 

ctx.stroke(); 

여기에 행동에 참조 : http://diveintohtml5.org/canvas.html#gradients :

http://jsfiddle.net/9bMPD/