[SVG笔记] viewBox、enable-background

enable-background

从 StackOverflow 上看，用来允许滤镜使用背景色的；目前可以认为没什么鸟用。

viewBox

可以指定 SVG 图像的可见区域（viewPort）。

因为SVG画布在所有方向都是无限延长的，你可以在这个坐标系统的任何地方绘制图形。然而，SVG通过有限区域展现在屏幕上，这个区域叫做viewport。SVG中超出视窗边界的区域会被裁切并且隐藏。类似Google地图一样，特定区域可见、可缩放，地图的剩余部分还在那里，但是不可见因为它超出视窗的边界-被裁切了。

viewBox 属性设置 viewBox="x y width height"，这些值指定了viewPort（视口）位置、大小。

参考链接：

这个交互讲解 nice，附带 可视化Demo。

1. 理解SVG坐标系和变换：视窗,viewBox和preserveAspectRatio | w3plus

其他参考

1. 理解SVG的viewport,viewBox【1】
2. 理解SVG的viewport,viewBox,preserveAspectRatio