SVG Drawer 是最近写的一个 SVG 插件，相比大咖级别的 SVGJS 等专业产品，我这个根本不值一提。这可能仅仅是出于对 SVG 的兴趣，觉得SVG代码的书写过于繁琐，在编写SVG代码时经常使用 JS 完成部分工作，久而久之就萌生封装一个相对全面的东东的念头，为的是自己写SVG代码时可以更省事一些。

由于时间、精力、水平等关系，写的比较慢，有很多JS问题以及SVG的相关知识点需要梳理。尽然如此，半成品也可以分享一下。

文档的编写和开发不太可能同步进行，所以当下的文档有些滞后，目前已经整理了一部分，随后会逐渐更新。地址如下：

SVG Drawer 文档

文档的左上角有一个在线工具链接，链接指向就是 SVG Drawer 在线工具，该工具已经声明了 SVG画笔 dr，直接使用 dr 指令就可以在SVG画布上绘制图像，例如要画一个圆，直接输入如下代码，然后点击“运行代码”按钮就成，就这么简单：

dr.circle(100, 100, 50, 'red');

可以通过文档慢慢熟悉 SVG Drawer 指令顺带学习 SVG 相关知识：各种指令都有相应说明，在线绘制工具还提供当前绘制元素的代码和完整SVG代码。

SVG的知识点还是十分琐碎繁杂的，通过 SVG Drawer 文档的帮助可能有助于学习 SVG，但这远远不够，还需要通过查阅资料慢慢熟悉 SVG；对 SVG 的熟悉程度越高，使用 SVG Drawer 就会越顺手。

前一篇: 没有了
下一篇: svgdr教程：插件的引用和使用