在 jquery 上构建面向图形的可视化编辑器答案

【问题标题】：Build graph-oriented visual editor on jquery在 jquery 上构建面向图形的可视化编辑器
【发布时间】：2010-02-02 11:20:22
【问题描述】：

我们需要构建基于 javascript 的可视化编辑器（在 jQuery 上），它应该编辑一些图形表示的模型。实体应表示为节点并具有属性。节点（或/和它们的属性）应该链接到其他节点。节点应该是可拖动的。

有没有可以方便开发的教程和jQuery插件？

谢谢。

UPD：可能可以在 jQueryUI 的帮助下实现可拖动节点。主要问题是实现链接。

UPD2：似乎jsgraphics 以某种方式解决了问题。但它以一种非常有创意的方式进行，并且与 jQuery 没有任何关系。

【问题讨论】：

【解决方案1】：

有趣的事情...我们刚刚实现了一个 jQuery 插件，其目的是简化图形编辑器的实现。但是，它还没有正式发布。（顺便说一下，我们使用 SVG - 我们不得不，是一个学期的项目）。

你可以试试here。（不支持 IE（如前所述的 SVG）和测试版）。您可以将节点从形状框中拖到画布上。要绘制连接器，请单击顶部菜单中的黄色头盔并在两个节点之间拖动连接器。

如果这接近您的要求，请随时查看sources。

【讨论】：

【解决方案2】：

这个page 有几个指向不同图形库的链接，包括 jquery-libs

【讨论】：

【解决方案3】：

过去一年我们一直使用免费版的 FusionCharts 来制作基本图表，现在需要一个可编辑的图表。

它说也可用于折线图和面积图。

他们称之为数据的可视化编辑。

看起来我们必须升级到完整版，但它确实是我们正在寻找的，而且我认为其他任何想要内置库解决方案的人都会感兴趣。

回调是 javascript 函数，然后您可以使用 jQuery 对其进行编辑（大概用于 ajax，这就是我们将要做的）。

【讨论】：