javascript - 动画字母很容易？

标签 javascript jquery css animation svg

<分区>

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

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

我想找到一种方法来轻松地为 28 个或更多字母制作动画。我尝试了几种技术但没有奏效。我现在正在尝试使用 Adob​​e Edge Animate ( http://cl.ly/YRdZ )，但仍然有问题。

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

我的问题:

  • 为这些字母制作动画的最好和最经济的方法是什么？ (软件或秘方)
  • 生成一个 CSS 或一个 JS 是否足以为每个字母制作动画？
  • 如何读取 SVG 文件？我根本看不懂这些数字!

最佳答案

我会推荐使用这个库::http://maxwellito.github.io/vivus/ 

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

关于javascript - 动画字母很容易？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26937302/

上一篇：javascript - createRecord() save() 序列化中省略了 Ember Data belongsTo 异步关系

下一篇：javascript - sails.js 中 app.js 文件中的环境变量

相关文章：

javascript - 如何在 Rails 4 中正确处理远程链接？ JSON？

javascript - 这是在 Javascript 中缩进嵌套回调的推荐方法吗？

javascript - IE 8 iFrame 仅在首次加载时导致 JavaScript 错误

Javascript 函数仅适用于一个变量

javascript - 重新排序图库中的 fancybox 元素

javascript - 变量在 ajax 函数中无法获得正确的值

javascript - jQuery 更改页面 - 但我如何/在哪里更改 "acquire"？

javascript - 如果我动态创建元素，如何刷新 Bootstrap 数据 api

css - 在其他 div float 的 div 中填充

html - Firefox/Safari 设置高度为 [specified height - padding - border] for input[type=button]

©2024 IT工具网  联系我们