如何用JavaScript实现如下动画文字

Question

http://www.html5tricks.com/de...

如上例子，这个使用svg实现的，可是我不知道如何自定义文字(即作者是怎么做出这个特效的？)，或者有没有其他方法(h5/css/js)实现酷炫一点的动画文字？

Answer 1

直接 video 喽。。

Answer 2

http://www.zhangxinxu.com/wor...

Answer 3

这个里边除了有SVG SMIL animation还有SVG路径遮罩，如果不用SVG的话，路径遮罩的效果通常是做不出来的……

Answer 4

svg 要花些时间

Answer 5

有一种办法是 先把文字的图片转化成svg路径，然后再对svg路径进行显示动画等操作。
1、图片转化成svg路径可借助工具 Vector Magic
2、操作svg的路径可借助snap.svg.js库

Answer 6

把网页整张保存下来，然后自己读一下代码，不明白的一点点攻破。
只有这样了。