SVG 中的 viewbox 重要吗？

Question

View-box 的作用是什么SVG？如果我们不提供会怎样？是不是重要？

Answer 1

viewBox 是 SVG 响应与不响应之间的区别。

使用 viewBox，如果您重新缩放画布，内容也会重新缩放，如果没有它，内容将保持相同的大小，您将能够看到更多或更少的内容，就像在图片上放置相框一样。

Answer 2

viewBox 属性定义 SVG 视口在用户空间中的位置和尺寸。viewBox 属性的值是四个数字的列表：min-x、min-y、宽度和高度。由空格和/或逗号分隔的数字，指定用户空间中的一个矩形，该矩形映射到为关联的 SVG 元素建立的视口的边界

这是从MDN 文档引用的。基本上，您正在设置 SVG 的坐标以及宽度和高度。语法是 - viewBox = "min-x min-y width height"。viewBox 的目的是选择 SVG 平面中实际应该渲染到页面上的部分。

如果没有 viewBox 标签并且没有指定任何宽度或高度，svg 将不会缩放。这是一个例子 -

<!--This one is without a viewbox which wont scale-->
<svg>
  <path d="M 15,5 25,27.5 5,27.5 z"/>
</svg>
<!--This one is with a viewbox which will scale. Check by opening in full page-->
<svg viewBox="0 0 200 200">
    <path d="M 15,5 25,27.5 5,27.5 z"/>
</svg>