Làm thế nào tôi có thể vẽ một đường gradient trong khung HTML?

Question

Tôi đang cố gắng vẽ một đường thẳng. Làm thế nào là có thể trong vải?

Answer 1

Có. Ví dụ:

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

Nhìn thấy nó trong hành động ở đây:

http://jsfiddle.net/9bMPD/