JQuery动画用笔写一个文本

Question

我在我的应用程序中使用JQuery。我想要一些动画文本，即。我希望在Jquery中使用钢笔/铅笔图像加载页面时写入（动画）文本。

任何人都可以帮助我。

Answer 1

祝你好运。这并不容易！

我会使用基于画布的库来查看canvas标签+，例如processing.js http://processingjs.org/

Answer 2

为了使其真正正常工作，您需要使用代码来实际理解构成字体的字形的形状，然后沿着这些路径为铅笔设置动画。

我建议调查RaphaelJS：

http://raphaeljs.com/reference.html

这是一个很好的例子，将helvetica字体分解为路径和动画（不是你想要的方式，但是开始） http://raphaeljs.com/helvetica.html

它可以注册字体，将字体转换为路径，然后您可以沿着该路径设置形状的动画，以便它们等待捆绑在一起。你将最终追踪字母的边缘，这样就可以追踪我的字母，但是如果它的动画速度足够快，它应该看起来很不错。

Answer 3

另一种（也许更简单）的方法实际上是将div放在你想要动画的文本之上。该div的内容是背景颜色。

当文档准备就绪时，您将文本上方的div设置为动画向右滑动，并且您具有一种文本写入效果。它并不完美，但如果你没有足够的时间，值得一试 想象一下，下面的蓝色方块是文本上方的div，是动画的 - ＆gt;向右滑动或宽度滑动到0。