imgix APIsレンダリング API塗りつぶし塗りつぶしグラデーションの半径

塗りつぶしグラデーションの半径

fill-gradient-radial-radius

fill-gradient-type=radial と組み合わせて使用される場合のグラデーションの半径を設定します。

二つの整数値を取ります (fill-gradient-radial-radius=radius1,radius2)。これらはグラデーションの半径を制御します。radius1 は最初のグラデーション色 (color1) の半径を制御し、radius2 は二番目のグラデーション色 (color2) の半径を制御します。

指定されていない場合、radius1 は画像の最小寸法の 1/8radius2 は画像の最小寸法の 1/2 となります。

これらの値が等しい場合、グラデーションは丸い円として表示されます。なぜなら、color1 の半径が color2 の半径と同じであり、両方の色が完璧に重なるためです。

color1 の半径が減少すると、radius1radius2 の距離に基づいて両方の色の間にはっきりとしたブレンディング効果が生じます。

radius1radius2 よりも 大きい 値に設定されている場合、color1color2 の順序が逆転します。次の例では、二番目の色が上に表示され、その半径は radius2 によって指定されます。