Wie hängen Formposition und Gradientposition in HTML5-Canvas zusammen?

Question

Haben Sie diesen 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); 

Wenn ich die fillRect der x bewegen, y, die resultierende Steigung nicht das gleiche ist, ändert sie. Wenn ich createLinearGradient's x, y den gleichen Wert zuweiße, funktioniert es immer noch nicht. Also, ich möchte eine Box in der Position 100,100 zeichnen, die den gleichen linearen Gradienten wie in 0,0 behält, wie könnte man das erreichen? Was ist die Beziehung zwischen ihnen?

Danke!

Answer 1

Gelöst es. Musste die Größe des Farbverlaufs anpassen, um mit den Änderungen x, y der Form übereinzustimmen.