視框

viewBox 屬性定義 <svg> 元素的座標系。這使你可以輕鬆更改 SVG 圖形的大小和相對比例,而無需調整每個繪製元素的位置和尺寸。

<!-- stretches a small icon to 60px square -->
<svg viewBox="0 0 16 16" height="60px" width="60px">
    <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 文件

沒有 viewBox,它看起來像這樣:

StackOverflow 文件