SVG Viewbox和显示大小的最佳做法

Question

我在使用和svg文件调试img标签时注意到这一点。

虽然SVG是可扩展的，并且所有缩放都是正确完成的。 ＆＃34;图像＆＃34;的初始大小。由viewbox属性定义。

我们是否应该始终尝试将视图框与显示尺寸相同？或者这与SEO和浏览器页面的渲染时间无关？

Answer 1

视图框是SVG的逻辑部分，用于定义如何解释SVG中的坐标。例如，0,0,1,1的视图框和0,0,1,1的矩形与-10，-10,10,10的视图框和该尺寸的矩形完全相同。

这与输出大小无关，输出大小可以（并且必须）在标签本身或通过css定义。

如果您将视图框的大小加倍，那么整个图像会缩小一半，因为您将观看窗口加倍了＃34;在内部，而元素的坐标保持不变。想象一下，＆＃34;缩小＆＃34;。