如何像这个例子那样为“系统思考”图表制作动画？

我喜欢这个 基于javascript的系统思维图表工具的版本。 它需要关系并计算其背后的值，然后沿路径动画一个点。

所以在我进一步发展之前，我会发布另一个链接来理解系统 这里

题

• 如何让Visio创建这些“活动图表”，如何让这个过程更容易？

例子：

试试这个加载项 HTML导出 通过 尼古拉

要在Visio中执行此操作，您必须编写自己的软件自动化来执行此操作。

从本质上讲，你必须：

1. 编写代码以将地图“解析”到内存中，基本上拾取节点和它们之间的连接器
2. 编写代码以将连接器“像素化”为单个点（您只需在连接器形状上调用.points（）方法，然后返回xy坐标数组）。然后，您必须将点下采样到正确的数字，以获得遍历该连接器所需的动画更新数。
3. 编写一个动画例程，沿着连接器前进一个或多个精灵，包括与您建模的系统相关的任何逻辑。

导出到SVG和使用javascript动画可能是一个更合适的选择，但我希望编程类似。在网页上包含动画控件比在Visio页面上尝试执行操作更容易。