本节一个压缩SVG的工具：svgo(https: github com chalecao svgo)。我们做前端的同学肯定都用过字体图标，有些特殊的字体图标需要视觉做个svg的矢量图，或者你也可以自己做个矢量图，需要学学adobe illustrator

　SVG能干啥，想干啥就干啥。可以用来做贴图，做纹理，做动画，甚至做背景图片，你想要的都可以，关键是操作灵活，和别是和canvas又可以相互转化使用，简直是居家旅行必备神器，作为前端工程师，你学会了吗?

　　什么是Fabric js　　使用 Fabric js 你可以创建和填充画布上的对象，从简单的几何图形到成百上千路径组成的复杂图形。你可以通过鼠标轻松的移动、缩放和旋转这些对象，修改它们的属性(颜色、透明度，层叠顺

　　在<font鈭礳olor="#f00">SVG</font>绘制的任何一个时刻，你可以通过嵌套svg或者使用例如symbol的元素来建立新的viewport和用户坐标系。在这篇文章中，我们将看一下我们如何这样做，以及这样做如何帮助我们控制<font鈭礳olor="#f00">SVG</font>元素并让...

　　<font鈭礳olor="#f00">SVG</font>元素可以通过缩放，移动，倾斜和旋转来变换-类似HTML元素使用CSS鈭祎ransform来变换。然而，当涉及到坐标系时这些变换所产生的影响必然有一定差别。在这篇文章中我们讨论<font鈭礳olor="#f00">SVG</font>的transform属...

　　<font鈭礳olor="#f00">SVG</font>元素不像HTML元素一样由CSS盒模型管理。这使得我们可以更加灵活定位和变换这些元素-也许一眼看上去不太直观。然而，一旦你理解了<font鈭礳olor="#f00">SVG</font>坐标系和变换，操纵<font鈭礳olor="#f00">SVG</font>会...

　　SVG能干啥，想干啥就干啥。可以用来做贴图，做纹理，做动画，甚至做背景图片，你想要的都可以，关键是操作灵活，和别是和canvas又可以相互转化使用，简直是居家旅行必备神器，作为前端工程师，你学会了吗?不

　　SVG能干啥，想干啥就干啥。可以用来做贴图，做纹理，做动画，甚至做背景图片，你想要的都可以，关键是操作灵活，和别是和canvas又可以相互转化使用，简直是居家旅行必备神器，作为前端工程师，你学会了吗?不

<font鈭礳olor="#f00">SVG</font>是可缩放的矢量图形格式。它是一种开放标准的矢量图形语言，可任意放大图形显示，边缘异常清晰，文字在<font鈭礳olor="#f00">SVG</font>图像中保留可编辑和可搜寻的状态，没有字体的限制，生成的文件很小，下载很快，十分...