preserveAspectRatio
preserveAspectRatio
是一个属性,指示是否应该均匀缩放图像。此属性仅在 <svg>
元素也具有 viewBox
时有效。
默认值为 xMidYMid
,它保持宽高比并使 SVG 容器内的路径居中:
<!-- when not included `preserveAspectRatio` defaults to `xMidYMid` -->
<svg viewBox="0 0 16 16" height="60" width="120">
<path d="M16 6.216l-6.095-.02L7.98.38 6.095 6.196 0 6.215h.02l4.912 3.57-1.904 5.834h.02l4.972-3.59 4.932 3.59-1.904-5.815L16 6.215" />
</svg>
当 preserveAspectRatio
设置为 none
时,图标会拉伸以适合框:
<svg viewBox="0 0 16 16" height="60" width="120" preserveAspectRatio="none">
<path d="M16 6.216l-6.095-.02L7.98.38 6.095 6.196 0 6.215h.02l4.912 3.57-1.904 5.834h.02l4.972-3.59 4.932 3.59-1.904-5.815L16 6.215" />
</svg>
preserveAspectRatio
还有许多其他值,但这两个值是目前最常见的值。