在Javascript中制作交互式页面

Question

我想在Javascript中创建一个用户友好的交互式页面。页面的目的是 将连接图作为输入并对其执行各种操作 输入的方法应该像我们在笔记本上理论上做的那样（用圆圈和线连接它们）。 实际上我有点困惑我从哪里开始。 我之前想到的是： 1.当用户单击特定按钮（具有唯一div）时，使用jQuery创建循环id。 2.使div可拖动并可拖放。 3.使用一条线连接两个div。

我被困在这里，第三点。如何使用一条线连接两个在空间中展开的div元素，并将它们之间的距离作为用户的输入？ 我想用数组存储距离。

任何帮助我该怎么做？我知道JavaScript和jQuery。 任何参考或指导或进一步阅读来源也将不胜感激。

Answer 1

查看D3.js，一个JavaScript库。

听起来D3完全符合您的需求。它和jQuery一样容易学习。

D3以数组操作为中心，听起来就像你要找的那样。

具体来说，D3 Force Layout API可能是您最感兴趣的。