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" />

其呈现为:

StackOverflow 文档

以及使用 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>

其呈现为:

StackOverflow 文档