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

标签 jquery editor graph

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

有没有可以简化开发的教程和 jQuery 插件?

谢谢。

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

UPD2:看起来像jsgraphics以某种方式解决问题。但它以一种非常有创意的方式实现,并且与 jQuery 没有任何关系。

最佳答案

有趣的事情...我们刚刚实现了一个 jQuery 插件,其目的是简化图形编辑器的实现。不过,目前尚未正式发布。 (顺便说一句,我们使用 SVG - 我们不得不这样做,这是一个学期项目)。

你可以试试here 。 (没有 IE 支持(SVG,如前所述),并且是测试版)。您可以将节点从“形状”框拖到 Canvas 上。要绘制连接器,请单击顶部菜单中的黄色 Helm ,然后在两个节点之间拖动连接器。

如果这接近您的要求,请随时查看 sources .

关于jquery - 在jquery上构建面向图形的可视化编辑器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2183553/

相关文章:

javascript - 如何在javascript中获取可编辑的td值

c++ - C++ 中的大图表示

c - 如何在两个节点之间的循环图中找到最长路径?

jquery - 在 Fullcalendar eventAfterAllRender 之后触发函数

javascript - 团购之类的动画怎么做?

javascript - 具有动态内容的按钮

支持书签的 Linux 文本编辑器

html - Sublime Text 2 换行缩进

android - 无法打开编辑器 : The editor class could not be instantiated

python - 有关于在 python 中创建自定义绘图对象-类的好教程吗?