Javascript 轻松设置字母动画？

（我尝试设置动画的图像）

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

我想找到一种方法，以动画28和更多的字母容易。我尝试了几种技巧，但都无效。我现在正在尝试使用Adobe Edge Animate（），但仍然存在问题

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

我的问题是:

• 为这些字母设置动画的最佳和最经济的方法是什么？（软件或秘方）
• 生成一个CSS或一个JS是否足以为每个字母设置动画
• 如何读取SVG文件？我根本不懂数字

  ---

我建议使用此库：

---

我认为你的思路是对的。SVG绝对是实现这一点的方法。你必须选择你的起点和终点。我不知道有哪个软件能做到这一点。从那里，您可能可以为tween编写一些代码，但我也不知道有任何现成的工具可以帮助您实现这一点。您好，我发现我将无法使用stroke only SVG。我需要一个工具，以帮助我动画的完整形状与填充。你知道如何做到这一点吗？谢谢分享！我想知道如何做多路径？我应该在illustrator中命名路径，并在js中使用相同的名称吗？

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