1

ビューボックス内にグラフ (svg) があります。グラフがビューボックスよりも大きい場合は収まるように縮小されますが、グラフがビューボックスよりも小さい場合は、ビューボックスの最大領域を埋めるために均一に引き伸ばされません。

preserveAspectRatio="xMidYMid meet" が私が望むものにならない理由がわかりません。

将来の答えをありがとう

4

1 に答える 1

1

あなたは用語を混乱させているようです。あなたの質問では、「ビューボックス」はおそらく「ビューポート」に置き換える必要があります。

preserveAspectRatio="xMidYMid meet"アスペクト比を維持しながら最大量のスペースを埋め、SVG を中央に配置することを意味します。ビューポート全体を塗りつぶしたい場合はpreserveAspectRatio="xMidYMid slice"、必要に応じて SVG の一部を切り取る を使用するかpreserveAspectRatio="none"、縦横比を維持せずにビューポートを完全に塗りつぶすように SVG を引き伸ばします。

使用するビューポートの縦横比と一致するように、svg の「viewBox」属性を調整することもできます。

于 2012-02-23T11:56:46.203 に答える