问题标签 [jointjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2062 浏览

javascript - 我希望joint.js 库读取我的JSON 并将其显示为一个单元格:rect 和circle

我有一个像这样的 json 数据结构,例如:

我想使用这些数据来绘制一个图形,其中元素转换为矩形,并放置为带有链接的圆形......

如何在jointjs中使用JSON(位置,大小...)?

0 投票
1 回答
1144 浏览

javascript - 用jointjs在圆圈中绘制标记

我想通过jointjs在圆圈中画一些标记(小圆圈),我该怎么做?

这段代码用文本“token”画了一个圆圈,我想用一个圆圈替换“token”。

0 投票
2 回答
16338 浏览

javascript - 如何将 onclick 事件添加到joint.js 元素?

我在 DAG 中有一个 joint.js 元素,并且希望能够通过单击它来触发一个事件。

我可以用$(selector).click(...)它来做,但我想知道是否有一个joint.js 特定的方式来处理它,因为这可能会更好。我决定作为 onclick 候选的一个事件是 'batch:stop'

我的代码:

我应该如何添加 onclick 事件?

0 投票
2 回答
7385 浏览

javascript - 按 ID 移除元素(jointJS)

我注意到可以通过将鼠标悬停在它们上并单击出现的大红色 X 来删除 JointJS 链接。但我想知道是否可以在创建元素后在不知道变量名称的情况下删除它。

我的问题是:我可以在第二个函数中删除这个矩形吗?

0 投票
1 回答
397 浏览

javascript - 一个很好的 JS 库,用于容纳电气原理图

是否有任何可用的 javascript 库,例如 Raphaeljs 或 Jointjs,但用于显示/绘制电气原理图。例如,想要制作一个 JS/HTML 页面,用于在电子图中显示晶体管的功能。

首先我想绘制图表,然后我想以一种只读的方式向用户展示它。

是否有更合适的库,或者我应该开始使用自定义图形修改jointjs 或raphael。

还是我应该只使用来自omnigraffle的图像并在其上添加一些按钮?

0 投票
1 回答
2500 浏览

events - 更改:JointJS 中的源事件

大家圣诞快乐!

当joint.dia.Link 的源元素或目标元素发生变化时,我想做一些事情。首先,我尝试将代码放在'change:source'和'change:target'事件的回调函数中。然而,事实证明,这些回调函数会在链接的位置发生变化时立即调用,而不是在源元素或目标元素发生变化时调用。然后我尝试将代码放在 LinkView.pointup() 函数中,通过添加一个标记,该标记设置在'change:source'和'change:target'事件的回调函数中,以指示更改的元素。结果代码如下所示:

但是,当我只是拖动链接的一端时,我发现 src_changed 和 dest_changed 有时都设置为 true。为什么会这样?我怎样才能解决这个问题?或者有什么新方法可以对源元素或目标元素的变化做出一些反应?

此外,在我使用model.set('events',events)重置joint.shapes.uml.State的事件后,图表上的文本没有改变?如何刷新图表以显示更改的状态元素?

非常感谢!

0 投票
1 回答
704 浏览

javascript - 关节js中joint.uml.shapes.State元素的updateevents

大家圣诞快乐 !

在触发某些事件后,我必须更新由 JointJS 库引入的joint.shapes.uml.State 元素的事件。我使用 set('events', events) 函数。我将元素打印到控制台,发现元素的事件已经更新。但是图表上显示的事件并没有改变。示例代码可在以下位置访问:

http://jsfiddle.net/GJH_ICT/6pmbQ/5/

您可以拖动链接的末尾来触发事件。这是更新功能:

此外,我注意到joint.shapes.uml.State 元素中的updateEvents() 函数,并尝试了该函数,但它不能正常工作。这个函数有什么作用?

谢谢!

0 投票
5 回答
7392 浏览

html - 如何禁用对jointjs链接的“删除”操作?

使用jointjs库建图,是一个文档很少的好库。

http://jointjs.com/demos/fsa 如上页,当鼠标在链接上移动时,链接上有一个“删除”图标,可以点击删除链接,我想禁用链接上的“删除”操作? 请指教。

0 投票
1 回答
1247 浏览

javascript - JointJS Rappid Toolkit 菱形?

我想在 Rappid 模具中添加一个菱形,就像我添加了矩形和圆形一样。

我尝试使用 new joint.shapes.basic.Diamond 但似乎没有这样的对象。

0 投票
1 回答
1644 浏览

jquery - Joint.js 在新的克隆元素上触发拖动开始

如何在关节 js 中的克隆关节元素上触发指针向下/拖动启动? 在工具箱纸上 toolBoxPointerDown触发事件时触发。触发事件时触发。pointerdownaddNodepointerup_this.paperDrag