使用'SVG'视框的网页设计指南（HTML）
Viewbox是创建SVG形状时常用的属性。 如果您将文档视为画布，则该视图框是您希望查看器看到的画布的一部分。 即使页面可能覆盖整个计算机屏幕，该数字可能只存在于整个计算机的三分之一中。
Viewbox允许您告诉解析器放大第三个。 它消除了额外的空白。 将视图框想象为裁剪图像的虚拟方法。
没有它，你的图形将显示其实际大小的三分之一。
Viewbox值
要裁剪图像，您必须在图片上创建点以进行裁剪。 使用视图框属性时也是如此。 viewbox的值设置包括：
- minx - 开始的x坐标
- miny - 开始的y坐标
- 宽度宽度的视框
- 高度 - 视图框的高度
视图框值的语法是：
viewBox =“0 0 200 150”
不要将视图框的宽度和高度与为SVG文档设置的宽度和高度混淆。 当你创建一个SVG文件时，你建立的第一个值之一就是文档的宽度和高度。 该文件是一个画布。 视图框可以覆盖整个画布或只是其中的一部分。
该视图框覆盖整个页面。
该视图框覆盖从右上角开始的一半页面。
你的形状也有高度和宽度分配。
它是一个涵盖800 x 400像素的文档，其视图框从右上角开始并扩展了页面的一半。 该形状是一个矩形，从视图框的右上角开始，向左移动100 px，向下移动50 px。
为什么设置一个视框？
SVG不仅仅是绘制一个形状。 它可以在另一个顶部创建一个图形用于阴影效果。 它可以转换形状，使其向一个方向倾斜。 对于高级过滤器，您需要了解并使用视图框属性。