SVG 元素的 viewBox 属性

`viewBox` 是 SVG 元素的一个属性，它定义了 SVG 图形的可见区域。`viewBox` 属性的值是一个包含四个数字的字符串，分别表示可见区域的左上角 x 坐标、左上角 y 坐标、宽度和高度。例如：

<svg viewBox="0 0 100 50">
  <!-- SVG 图形内容 -->
</svg>

上面的代码中，`viewBox` 属性的值为 `"0 0 100 50"`，表示 SVG 图形的可见区域从坐标 (0, 0) 开始，宽度为 100，高度为 50。如果 SVG 元素没有设置 `viewBox` 属性，那么可见区域默认为全部内容。

`viewBox` 属性的作用是让 SVG 图形能够在不同大小的容器中正确地缩放和呈现。当 SVG 元素的宽度和高度属性与 `viewBox` 属性的值不匹配时，浏览器会自动缩放 SVG 图形，以使其适应容器大小并保持可见区域的比例和位置不变。

例如，如果 SVG 元素的宽度为 200，高度为 100，而 `viewBox` 属性的值为 `"0 0 100 50"`，那么浏览器会将 SVG 图形放大到原始大小的两倍，以保证可见区域在容器中的位置和比例不变。