问题标签 [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 回答
3600 浏览

hover - 使用 JointJS 检测悬停

我正在使用 JointJS API 来绘制一个带有嵌入路径的矩形。

此路径用作按钮,我想让此按钮仅在矩形悬停时可见,但是我不知道如何使用 JointJS 检测父元素上的悬停...是否有任何编程方式来检测它? 谢谢。

0 投票
2 回答
400 浏览

java - 如何在 vaadin 6 中使用第三方 javascript 库?

我正在使用Vaadin 6.7.8并且想要使用JointJs. 但是找不到将 3rd 方 JavaScript 库与 Vaadin 6 一起使用的方法。非常感谢任何帮助。

使用 Vaadin 有缺点吗?我希望不是。

0 投票
1 回答
868 浏览

jointjs - 用自定义图像 devs.Model 替换端口圈

我是jointjs的新手。我正在使用形状作为joint.shapes.devs.Model 的实例,并尝试替换圆形,用自定义图像表示输入/输出端口。我想保留当前的功能,可以通过拖动圆圈、快速链接和 JointJs 提供的其他强大功能来创建新箭头。我唯一想做的就是用图像替换磁铁/inPort/circle。这可能吗?如果是这样,怎么做?

问候

0 投票
0 回答
1116 浏览

javascript - 在 JoinJS 中的链接中间放置链接标签

出于某种原因,当我创建链接时,在 的函数updateLabelPositions中 ,执行以下行时 joint.dia.LinkView我得到:NaNvar connectionLength = connectionElement.getTotalLength();

这会导致代码稍后在计算标签位置时失败。
我正在使用joint.clean.js v0.9.0 + Backbone 1.0.0
此问题仅在 Firefox 30.0 中出现,而在 Chrome 版本 35.0.xxx... 和 IE10 中一切正常。

这是我的链接创建代码:

此代码取自 JoinJS 演示:http ://www.jointjs.com/demos/links (示例中的链接号 6)

编辑:

在调查过程中,我发现 Mozilla 存在返回函数getTotalLength的错误。有没有人熟悉这个问题? 检查这个jsFiddle:http: //jsfiddle.net/Xyk3R/SVGPathElementNaN

如果需要任何进一步的信息,请告诉我。

干杯!

0 投票
1 回答
527 浏览

javascript - 嵌入的联合(快速)相对定位

当一个单元格被添加为嵌入元素时,它的 x 和 y 值仍然是相对于纸张而不是父元素。有没有办法使用相对坐标?如果没有,关于如何实现它的任何提示?

谢谢

0 投票
3 回答
6670 浏览

javascript - 如何在 JointJS 中以交互方式创建链接

我想以交互方式向基于 JointJS 的图表添加链接。

我的想法是使用从原始节点到该临时节点的链接创建一个小的临时pointerdown节点,将其拖到另一个节点的顶​​部并pointerup创建删除临时链接和节点的真实链接。

不幸的是,我不知道如何说服指针移动临时元素而不是pointerdown事件发生的节点。任何想法?谢谢!

0 投票
2 回答
562 浏览

backbone.js - 绑定到 Backbone.js 中模型属性的属性

免责声明:我是 Backbone.js 的新手(来自 AngularJS),所以我可能对它应该如何工作有一个不准确的心理模型。

我有一个对象,characterNodes,我正在我的模型上创建一个属性。characterNodes 看起来像这样:

我的骨干模型看起来像这样:

每个故事都有一个属性“isUnlocked”,该属性在应用程序的其他地方被更改。每当更改此属性时,我想触发一个事件(即,应该弹出警报“测试”)。使用上面的代码,事件似乎永远不会触发。

我无法从 Backbone 文档中清楚地了解这是否应该起作用 - 每当 characterNodes 的任何属性(或子属性或子子属性等)发生变化时都会触发 on('change:characterNodes') ? 还是仅当指向对象的指针发生变化时,即当它被另一个对象替换时?还是我做错了什么?谢谢!

0 投票
3 回答
2039 浏览

oop - JointJS - 自定义链接视图:如何关联到我的自定义模型?

我试图禁用链接上的点击事件,这会产生一个顶点,但我需要这个事件的另一个逻辑。这是我的模型:

我的自定义链接视图:

那么.. 我如何将 modelConexionView 与 modelConexion 相关联?modelConexion 如何知道视图使用什么?

0 投票
1 回答
622 浏览

draggable - 用户可拖动元素中的超链接在joint.js中不起作用

我正在使用joint.js 来生成服务流程图。我使用下面的代码片段来创建我的自定义元素。

问题是在供应元素上单击左键,超链接不会打开。只有当我拖动并释放元素时,链接才会在新选项卡中打开。请建议我可以做些什么来克服这个问题。我已禁用用户拖动元素使用 var paper = new joint.dia.Paper({ el: $('#paper'), width: 1040, height: 1000, gridSize: 1, model: graph, interactive: false });

提前致谢!

0 投票
1 回答
2156 浏览

jointjs - JointJs 创建自定义形状并指定其默认链接

我正在尝试使用端口实现我自己的形状类。但是我希望这些形状生成的链接是平滑的。现在,我知道制作流畅链接的唯一方法是

link.set('smooth', true).

但是我如何不通过代码做到这一点?我如何通过拖动获得平滑的链接?

我扩展了 Link 类 ( MyLink),但是当我在端口上拖动时,如何告诉 JointJS 使用哪个 Link 类?