视框填充SVG

Question

我有一个视框内的曲线图（SVG），如果该图形是比视框是缩小，以适应更大的，但如果图形比视框较小它不穿制服，以填补拉伸视图框中的最大区域。

不明白为什么preserveAspectRatio = “xMidYMid满足” 并不能使我想要什么。

感谢未来的答案

Answer 1

你似乎令人混淆的术语，在你的问题“视框”也许应该通过“视”所取代。

preserveAspectRatio="xMidYMid meet"装置来填充的空间的最大数量，同时仍保持高宽比，并居中SVG。如果您想填满整个视口，那么你可以使用preserveAspectRatio="xMidYMid slice"如果必要的话，将切走SVG的某些部分，或preserveAspectRatio="none"绵延的SVG使得其完全充满视口，但没有保持长宽比。

您还可以调整对SVG，使得它要在使用它的视口的纵横比相匹配的“视框”属性。