ViewBox fill in svg

Question

私はビューボックス内にグラフを持っていますが、グラフがビューボックスよりも大きければ収縮しますが、グラフがビューボックスよりも小さい場合は、ビューボックスの最大領域

preserveAspectRatio = "xMidYMidミートは" 私が欲しいものを作るしない理由を理解していません。将来のために

おかげで

Answer 1

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

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

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