形狀位置和漸變位置在HTML5畫布中如何相關？

Question

有這樣的代碼：

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

如果我移動fillRect的x，y，得到的梯度是不一樣的，它的變化。如果我將相同的值賦給createLinearGradient的x，y，仍然不起作用。所以，我想在100,100的位置繪製一個框，保留與0,0相同的線性漸變，怎麼可能實現呢？他們之間有什麼關係？

謝謝！

Answer 1

解決了它。必須調整漸變的大小以匹配形狀的x，y更改。