我正在使用 HTML5 和 Javascript 创建一个教育工具，以帮助用户了解投票算法的工作原理。我将通过显示某种图形或动画来逐步完成每个步骤。我本质上是在创建一个 HTML 版本:http://www.chrisgates.net/irv/votesequence.html
我有什么想法可以去做这件事吗？我一直在尝试各种 Canvas 包来绘制图表和其他东西，但没有任何东西可以帮助逐步完成教程。
最佳答案
本质上，您想要做的是根据按钮或其他 HTML 元素的点击来更改某些 HTML 元素的内容。
您实际上并不需要为此使用 Canvas。当然，如果你想让所有东西都变得生动起来，比如线条缓慢延伸等，那么使用 Canvas 会让事情变得容易得多。
当仅使用 Javascript 时，您可以创建隐藏元素，其中包含所需的数据，并在有人单击某个按钮时显示它们(可以，但不必位于其他隐藏元素之一内)。
如果你真的想使用Canvas，我建议你看看Cake.js这是一个基于矢量的 Canvas 库，可以创建与链接中的 flash 工具类似的结果。使用它非常简单，并且有一个(小)wiki 解释了基本内容。
关于javascript - 为教育工具创建逐步点击 HTML5/Javascript 图形，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8329915/