SVG 基本知识：SVG 放大缩小之 viewbox 初探 (1)

SVG（Scalable Vector Graphics）是一种基于 XML 的矢量图形标准，它可以用来创建交互式的、分辨率独立的图形。在 SVG 中，图形是由数学公式描述的，因此可以无限放大而不会失真。

在 SVG 中，要控制图形的大小，可以使用 viewBox 属性。viewBox 属性定义了坐标系统中的可视区域。该属性的值是一个包含四个数字的列表，表示在坐标系统中的左上角和右下角的坐标。例如，如果 viewBox 的值为 "0 0 100 100"，则表示坐标系统中的左上角为 (0, 0)，右下角为 (100, 100)。

使用 viewBox 属性可以实现 SVG 图形的放大和缩小。当浏览器显示 SVG 图形时，会将 viewBox 中定义的可视区域缩放到浏览器窗口的大小。因此，修改 viewBox 的值可以改变图形的大小。例如，如果将 viewBox 的值改为 "0 0 200 200"，则图形会放大到原来的两倍。

需要注意的是，修改 viewBox 的值只会改变 SVG 图形在浏览器中的大小，而不会改变 SVG 文件中的实际大小。如果需要更改 SVG 文件中的大小，需要修改 SVG 标签的 width 和 height 属性。