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