preserveAspectRatio - meet 和 slice 屬性
preserveAspectRatio
屬性有一個可選引數:meet
| slice
。預設行為是 meet
綿延內容在 x 和 y 維度二者直到填滿或者寬度或視框的高度。另一種選擇 - slice
保留內容的縱橫比,但直到填滿可擴充套件至圖形二者的寬度和視框(裁剪該溢位視框內容)的高度。
這是使用 slice
的示例
<svg viewBox="0 0 16 16" height="60px" width="120px" preserveAspectRatio="xMinYMin slice">
<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" />
其呈現為:
以及使用 meet
的相同示例
<svg viewBox="0 0 16 16" height="60px" width="120px" preserveAspectRatio="xMinYMin meet">
<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>
其呈現為: