Comment la position de la forme et la position du dégradé sont-elles liées dans le canevas HTML5?

Question

Demandez ce code:

var gradient = ctx.createLinearGradient(0,0, 20, 0); 

gradient.addColorStop(0.8, "rgb(250,250,0)"); 
gradient.addColorStop(1, "rgb(150,150,0)"); 

ctx.fillStyle = gradient; 
ctx.fillRect(0, 0, 20, 20); 

Si je déplace le x du fillRect, y, le gradient résultant est pas le même, il change. Si j'attribue la même valeur à x, y, de createLinearGradient, cela ne fonctionne toujours pas. Donc, je veux dessiner une boîte dans la position 100.100 en conservant le même gradient linéaire qu'en 0.0, comment l'atteindre? Quelle est la relation entre eux?

Merci!

Answer 1

Résolu. J'ai dû ajuster la taille du dégradé pour correspondre aux changements x, y de la forme.