这里记录自己在工作中从事 svg 项目前后的坑和知识点。

1 背景：基于 使用 svg.js全家桶 开发svg 绘制工业图纸的 web 软件。

2 核心学习资料：

svg 的知识体系的权威网站  https://developer.mozilla.org/zh-CN/docs/Web/SVG

svg.js 官网 https://svgjs.com/docs/2.7/getting-started/

由于并没有使用原生的 svg 语法去开发，而是使用了进行一定封装的 svg.js 全家桶，故后面的章节记录的都是 在使用 svg.js 的坑和要点。

3  svg.js全家桶的版本号：

    "svg.js": "2.7.1",

  "svg.draggable.js": "2.2.2",

    "svg.panzoom.js": "^1.2.3",

    "svg.resize.js": "1.4.3",

    "svg.select.js": "3.0.1",

后面的章节，都是针对上面的版本进行记录和讨论。

 

说明：

这里注意svg.js 官网的如图的版本地址。2.7和3的版本语法差别很大。这里采用2.7