Android使用SVG矢量图打造酷炫动效！

      尊重原创，欢迎转载，转载请注明： FROM  GA_studio   http://blog.csdn.net/tianjian4592

        一个真正酷炫的动效往往让人虎躯一震，话不多说，咱们先瞅瞅效果：

--------------------------------------------------

如果你想看 GAStudio Github主页，请戳这里； 
如果你想看 GAStudio更多技术文章，请戳这里； 
QQ技术交流群：277582728； 

--------------------------------------------------

这个效果我们需要考虑以下几个问题：

1. 这是图片还是文字；

2. 如果是图片该如何拿到图形的边沿线坐标，如果是文字呢？

3. 如果拿到了边沿线坐标，如何让光线沿着路径跑动；

4. 怎么处理过程的衔接；

以上四个问题似乎不是太好处理，而这几个问题也正好是这个效果精华所在，接下来咱们一个一个进行考虑，当然这种考虑已经基于一些国外大神的基础之上；

首先这是图片还是文字？

答案是：背景是图片，表面的文字还是图片，有些同学可能会说了，靠，这么没含量，一个帧动画而已，还虎躯一震，XXXXX，当然，答案肯定不会是这样的，背景我就不说了，普通的jpg或png图，但文字则是SVG格式的矢量图；

有了第一个问题的答案，我们来看第二个问题，如何拿到文字图形的边沿坐标；

要回答这个问题，我们先来简单的了解一个SVG(矢量图)；

SVG 意为可缩放矢量图形（Scalable Vector Graphics），是使用 XML 来描述二维图形和绘图程序的语言；

使用 SVG 的优势在于：

1.SVG 可被非常多的工具读取和修改（比如记事本）,由于使用xml格式定