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