Svg List

• 2017-Svg快速入门: SVG全称是Scalable Vector Graphics，即，矢量图。在Web中使用SVG可以解决位图放大失真的问题。首先，不要把SVG和CSS，Canvas，HTML搞混。他们之间并没有你中有我，我中有你的关系。SVG是通过XML的形式写在HTML文档中的。

• Hero Patterns A collection of repeatable SVG background patterns for you to use on your web projects.

Animation

• Creating a Star to Heart Animation with SVG and Vanilla JavaScript

• SVG动画精髓：本文主要是讲解关于SVG的一些高级动画特效，比如SVG动画标签，图形渐变，路径动画，线条动画，SVG裁剪等。

• How SVG Line Animation Works

• SVG Animation Tutorial

Chart

• A simple pie chart in SVG

• satori : Enlightened library to convert HTML and CSS to SVG