我在视图框内有一个图形（svg），如果图形大于视图框，它会缩小以适应，但如果图形小于视图框，它不会均匀拉伸以填充视图框中的最大区域。
不明白为什么 preserveAspectRatio="xMidYMid meet" 不能满足我的要求。
感谢未来的答案
问问题
1116 次
1 回答
1
您似乎混淆了术语，在您的问题中，“viewbox”可能应该被“viewport”取代。
preserveAspectRatio="xMidYMid meet"意味着在保持纵横比的同时填充最大的空间量，并使 svg 居中。如果要填充整个视口，则可以使用preserveAspectRatio="xMidYMid slice"which 将在必要时切掉 svg 的某些部分，或者preserveAspectRatio="none"拉伸 svg 使其完全填充视口但不保留纵横比。
您还可以调整 svg 上的“viewBox”属性，使其与您要在其中使用的视口的纵横比相匹配。
于 2012-02-23T11:56:46.203 回答