动画字母很容易吗?

时间:2014-11-14 19:18:09

标签: javascript jquery css animation svg

http://cl.ly/YXIK(我试图制作动画的图片)

我是一名CSS和HTML的平面设计师和初学者,他正在尝试为阿拉伯字母制作动画,以表达他们将如何以某种风格(书法)书写。

我想找到一种方法来轻松制作28个以上的字母。我尝试了几种技术但没有工作。我现在正在尝试使用Adobe Edge Animate(http://cl.ly/YRdZ),但仍然遇到问题。

我还需要帮助定义笔画大小,角度和笔画速度,以模仿书法家绘制字母的方式。

我的问题:

  • 为这些字母制作动画的最佳和最经济的方法是什么? (软件或秘密食谱)
  • 生成一个CSS或一个JS是否足以为每个字母设置动画?
  • 如何阅读SVG文件?我根本无法理解这些数字!

1 个答案:

答案 0 :(得分:1)

我建议使用这个库:: http://maxwellito.github.io/vivus/

new Vivus('my-letter-id', {type: 'oneByOne', duration: 500}, myCallback);