HTML5 - canvas createLinearGradient vertical

Question

如何創建一個從左到右，而不是從上到下的畫布漸變？

var lingrad = ctx.createLinearGradient(0,0,0,150); 
lingrad.addColorStop(0, '#00ABEB'); 
lingrad.addColorStop(0.5, '#fff'); 
lingrad.addColorStop(0.5, '#66CC00'); 
lingrad.addColorStop(1, '#fff'); 

ctx.fillStyle = lingrad; 
ctx.fillRect(10,10,780,130); 

從上到下，我需要做些什麼來改變從左到右的變化？

Answer 1

createLinearGradient(x0, y0, x1, y1)沿着從（x0，y0）到（x1，y1）的一條線繪製顏色。

您的線路當前將從（0,0）到（0,150）。換句話說，它直下150個像素。

與此交換，它直接穿過150像素。

var lingrad = ctx.createLinearGradient(0,0,150,0);