【写在最前】
我们在平时的前端编程学习中，经常会接触到“网页绘图”这个概念；

目前，前端绘图业界有两大主流技术：canvas 和 svg

之前，我们已经花5分钟时间搞懂了第一个：canvas，详见 5分钟搞懂canvas画图

今天，让我们花5分钟时间再搞懂另一个：SVG

通过本文知识，相信聪明的你，看完一定会有收获！

为了最好的学习效果，我们直接将之前的canvas效果图，用SVG技术重新实现一遍，如下图所示：

SVG 基本概念

定义：是一种通过xml语言定义格式的可缩放矢量图形（Scalable Vector Graphics的缩写）

兼容性：所有现代浏览器，IE9.0+

SVG 语法学习

废话不多说，直接看语法代码：（每一行都有注释，确保也能小白完全掌握）

【全文完】

--------------------------------
十年技术沉淀，只做原创文章；
及时关注作者，成就大牛之路！