2D繪圖工具（四）

• 漸層
• createLinearGradient(x1, y1, x2, y2)
• 線性漸層物件，起始點為(x1, y1)、終點為 (x2, y2)。
• createRadialGradient(x1, y1, r1, x2, y2, r2)放射狀漸層物件，起始圓之圓心落在 (x1, y1)、半徑為r1，結束圓之圓心落在(x2, y2)、半徑為r2。
• addColorStop 加顏色

var lineargradient = ctx.createLinearGradient(0,0,200,200);

lineargradient.addColorStop(0, 'white');

lineargradient.addColorStop(1, 'black');