シェイプの位置とグラデーションの位置は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); 

iはfillRectのX、Yを移動する場合、得られた勾配が同じではない、それが変化します。 createLinearGradientのx、yに同じ値を代入すると、まだ動作しません。だから、私は0,0と同じ線形勾配を保持する100,100の位置にボックスを描きたいのですが、どうすればそれを実現できますか？彼らの関係は何ですか？

ありがとうございます！

Answer 1

解決しました。シェイプのx、yの変化に合わせてグラデーションのサイズを調整する必要がありました。