以下内容全是稀饭，作者自我陶醉：
将像素图转为矢量图的过程中由于没什么经验，撞了不少墙，令人开心的事情是至少我已经踏入入门(微笑。
当然这仅仅作为简单的像素图转换的练习，巧好成为下个项目必须挖山造路的基础，至少我下次不会用手因为我们有令人骄傲的智慧。
转换结果:
从上面的对比图来看至少可以发现少许不同地方，由于不是直接进行转换而是svg重做的原因，为了更加直观我们来看看DOM
溜了 溜了))
一、SVG的基础
可缩放矢量图形（Scalable Vector Graphics，SVG)学习首先需要了解svg如何建立规则图形或非规则图形以及svg属性。等等!这个设定是不是很熟悉，是否感觉在使用html上的style属性呢，是的。
如果你已经大致了解或已经掌握，实际上你对svg有一定熟练度，能熟练使用svg表现出丰富的图形，接下来便是svg dom节点操作的剩余知识。
由于不在这片文章核心介绍内容之中，略(请参考MDN大纲上教程)
二、如何开始
借助工具
在创作svg前当然不能手敲啦，艺术家或开发者为了更加快速有效创作他们往往借助不同的工具
- SVG在线编译器 https://c.runoob.com/more/svgeditor/
- Adobe Illustrator
- Inkscape
—— 感谢你抽出宝贵的时间阅读