一段时间以来，我一直在研究 JavaScript (React JS)、Python、HTML 和 CSS。在这样做的过程中，我偶尔会遇到一些动画——其中大部分是标准的 css 动画(例如 transition: width 2s;)。但是越来越多的我想知道如何制作更复杂的自定义交互式动画，我就是想不出正确的技术来学习达到预期的结果(是的，我在问这个非常广泛的一般性问题之前使用了搜索功能)。 HTML5 canvas 似乎是一种灵活且多功能的工具，但我不知道它们是否是我所想的“正确”工具。
让我举个例子说明我想做什么:
- 过程可视化:公司的资源是动态的，就像移动的物体沿着一条不固定的路径移动，而是由公司供应链的结构产生的。
- 拖放功能:元素，例如可以通过拖放将 vendor 添加到供应链中
- 复杂的自定义图表(我知道有强大的库可以实现这一点，例如 AnyChart):图表源自显示生命数据的过程数据。我可以在图表中单击以添加新数据点。
我不是在寻找另一个 JS 库，而是在寻找自己构建这些动画的技术。我也在寻找开始学习这些技术的好时机。所以真正的问题是:我需要学习什么才能创建这些交互式动画，HTML5 canvas 是合适的工具吗？有哪些类型的交互式动画技术以及何时使用它们？
谢谢。
最佳答案
所以我对这个主题做了一些研究，我认为可以在这里找到这个主题(ReactJS 和 VanillaJS)的最好和最有说服力的总结:
https://css-tricks.com/comparison-animation-technologies/#react-and-animation
关于javascript - 复杂的自定义 JS 交互动画——以及如何创建它们？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54241111/