形状位置和渐变位置在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更改。