Snap学习教程一

1、什么是Snap.svg，有什么用？

Snap.svg是一个强大且直观的SVG动画内容操纵API，支持屏蔽、裁剪、全梯度和组别等使得内容更具吸引力和交互性的功能。Snap.svg创建的目的在于摒弃Flash插件，将Flash的特性带到WEB上。作者就是大名鼎鼎的Dmitry Baranovskiy，他也是Raphaeljs的作者。

这里只做下简介，其实它跟D3使用一样，都是"高级"的JavaScript代码操作SVG。如果之前了解过Raphael.js的人学起snap.svg肯定会有似曾相识的感觉。

2、Snap.svg入门

官网地址：

中文文档传送门： https://www.zhangxinxu.com/GitHub/demo-Snap.svg/demo/basic/Element.after.php

官方的文档传送门：http://snapsvg.io/docs/#Element

属性介绍文档传送门：https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute

做一个小Demo感受一下：

1、首先准备一个基本开始骨架，