SVG格式图片

可缩放矢量图形（Scalable Vector Graphics，SVG）基于 XML 标记语言，用于描述二维的矢量图形。

作为一个基于文本的开放网络标准，SVG 能够优雅而简洁地渲染不同大小的图形，并和 CSS、DOM、JavaScript 和 SMIL 等其他网络标准无缝衔接。本质上，SVG 相对于图像，就好比 HTML相对于文本。

SVG 图像及其相关行为被定义于 XML 文本文件之中，这意味着可以对它们进行搜索、索引、编写脚本以及压缩。此外，这也意味着可以使用任何文本编辑器和绘图软件来创建和编辑它们。

绘制SVG

这里以万达广场为例，绘制一小块地图为例：

打开 Illustrator -> 新建文档 -> 矩形+文字进行地图元素的绘制。

选中这个快，Ctrl+G 对其进行编组，并修改该块最外层的图层id为 _1 。注意，必须以下划线开头，因为图片导出为SVG格式会生成 XML , 而 XML ID 必须以下划线开头。（最好用业务id进行命名，例如店铺编号）

修改后的图层信息如下：

现在多绘制几个：