HTML5 - canvas createLinearGradient vertical

Question

Comment puis-je créer un dégradé de toile qui va de gauche à droite plutôt que de haut en bas?

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

Que l'on passe de haut en bas, que dois-je faire pour changer cela de gauche à droite?

Answer 1

createLinearGradient(x0, y0, x1, y1) peint le long d'une ligne de (x0, y0) à (x1, y1).

Votre ligne va actuellement de (0,0) à (0,150). En d'autres termes, il va directement vers le bas de 150 pixels.

Échangez-le avec ceci, qui va droit à travers 150 pixels.

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