SVG是一种矢量图格式，是 Scalable Vector Graphics 三个单词的首字母缩写。当你需要开发web动画时，这里可以给你提供一个清晰的思路。

学这篇文章的原因很单纯，就是想学习可视化， 并且做一个教程加深自己的印象，当然也可以分享给别人学习，需要注意的是本篇基本是以代码为主，目的是为了快速了解并且上手。

可以使用path和animateMotion构建有趣的SVG动画，path定义运动轨迹，animateMotion制定动画，二者结合，有趣多多

SVG，即可缩放矢量图形(Scalable Vector Graphics)，是一种 XML 应用，可以以一种简洁、可移植的形式表示图形信息。目前，人们对 SVG 越来越感兴趣。大多数现代浏览器都能显示 SVG 图形，并且大多数矢量绘图软件都能导出 SVG 图形。SVG 主要可…

一张图结缘于SVG，从此对SVG的线条动画情有独钟。一文带你秒懂SVG，从此你也可以成为别人眼中的SVG大神。

我们的 slogan 就是：对于好资源的收藏从不手软！！本篇带来实现 SVG 动画的 5 个 JavaScript 库~~

本期给大家介绍一个十分实用且强大的动画库——mo.js，我们将用其动画库，完成一个牛油果路径绘制动画的案例，赶紧过来吃啊~

路径动画的效果还是挺有意思的，而 Web 中常用的方法就是 SVG。先上一个效果图： SVG 要在 SVG 里面实现文字路径动画还是比较简单的，SVG 里面就有天然的支持。 我们先搞个 SVG 路径 <svg id="textPathDemo" xmlns="http://ww…

在浏览器中，任意的二维平面图形均可以通过path路径的形式描述。然后底层api 直接静态绘制出来。但是如果想动态的绘制路径，浏览器是没有直接支持方式的。 本文就是解决这个问题， 为浏览器补全这个功能，让静态的路径能方便的动态绘制。 效果还是挺酷炫的，实现的整个开发过程就从接需求…