視框填充SVG

Question

我有一個視框內的曲線圖（SVG），如果該圖形是比視框是縮小，以適應更大的，但如果圖形比視框較小它不穿制服，以填補拉伸視圖框中的最大區域。

不明白爲什麼preserveAspectRatio = 「xMidYMid滿足」 並不能使我想要什麼。

感謝未來的答案

Answer 1

你似乎令人混淆的術語，在你的問題「視框」也許應該通過「視」所取代。

preserveAspectRatio="xMidYMid meet"裝置來填充的空間的最大數量，同時仍保持高寬比，並居中SVG。如果您想填滿整個視口，那麼你可以使用preserveAspectRatio="xMidYMid slice"如果必要的話，將切走SVG的某些部分，或preserveAspectRatio="none"綿延的SVG使得其完全充滿視口，但沒有保持長寬比。

您還可以調整對SVG，使得它要在使用它的視口的縱橫比相匹配的「視框」屬性。