问题标签 [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.
hover - 使用 JointJS 检测悬停
我正在使用 JointJS API 来绘制一个带有嵌入路径的矩形。
此路径用作按钮,我想让此按钮仅在矩形悬停时可见,但是我不知道如何使用 JointJS 检测父元素上的悬停...是否有任何编程方式来检测它? 谢谢。
java - 如何在 vaadin 6 中使用第三方 javascript 库?
我正在使用Vaadin 6.7.8
并且想要使用JointJs
. 但是找不到将 3rd 方 JavaScript 库与 Vaadin 6 一起使用的方法。非常感谢任何帮助。
使用 Vaadin 有缺点吗?我希望不是。
jointjs - 用自定义图像 devs.Model 替换端口圈
我是jointjs的新手。我正在使用形状作为joint.shapes.devs.Model 的实例,并尝试替换圆形,用自定义图像表示输入/输出端口。我想保留当前的功能,可以通过拖动圆圈、快速链接和 JointJs 提供的其他强大功能来创建新箭头。我唯一想做的就是用图像替换磁铁/inPort/circle。这可能吗?如果是这样,怎么做?
问候
javascript - 在 JoinJS 中的链接中间放置链接标签
出于某种原因,当我创建链接时,在 的函数updateLabelPositions
中 ,执行以下行时
joint.dia.LinkView
我得到:NaN
var 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/SVGPathElement
NaN
如果需要任何进一步的信息,请告诉我。
干杯!
javascript - 嵌入的联合(快速)相对定位
当一个单元格被添加为嵌入元素时,它的 x 和 y 值仍然是相对于纸张而不是父元素。有没有办法使用相对坐标?如果没有,关于如何实现它的任何提示?
谢谢
javascript - 如何在 JointJS 中以交互方式创建链接
我想以交互方式向基于 JointJS 的图表添加链接。
我的想法是使用从原始节点到该临时节点的链接创建一个小的临时pointerdown
节点,将其拖到另一个节点的顶部并pointerup
创建删除临时链接和节点的真实链接。
不幸的是,我不知道如何说服指针移动临时元素而不是pointerdown
事件发生的节点。任何想法?谢谢!
backbone.js - 绑定到 Backbone.js 中模型属性的属性
免责声明:我是 Backbone.js 的新手(来自 AngularJS),所以我可能对它应该如何工作有一个不准确的心理模型。
我有一个对象,characterNodes,我正在我的模型上创建一个属性。characterNodes 看起来像这样:
我的骨干模型看起来像这样:
每个故事都有一个属性“isUnlocked”,该属性在应用程序的其他地方被更改。每当更改此属性时,我想触发一个事件(即,应该弹出警报“测试”)。使用上面的代码,事件似乎永远不会触发。
我无法从 Backbone 文档中清楚地了解这是否应该起作用 - 每当 characterNodes 的任何属性(或子属性或子子属性等)发生变化时都会触发 on('change:characterNodes') ? 还是仅当指向对象的指针发生变化时,即当它被另一个对象替换时?还是我做错了什么?谢谢!
oop - JointJS - 自定义链接视图:如何关联到我的自定义模型?
我试图禁用链接上的点击事件,这会产生一个顶点,但我需要这个事件的另一个逻辑。这是我的模型:
我的自定义链接视图:
那么.. 我如何将 modelConexionView 与 modelConexion 相关联?modelConexion 如何知道视图使用什么?
draggable - 用户可拖动元素中的超链接在joint.js中不起作用
我正在使用joint.js 来生成服务流程图。我使用下面的代码片段来创建我的自定义元素。
问题是在供应元素上单击左键,超链接不会打开。只有当我拖动并释放元素时,链接才会在新选项卡中打开。请建议我可以做些什么来克服这个问题。我已禁用用户拖动元素使用
var paper = new joint.dia.Paper({ el: $('#paper'), width: 1040, height: 1000, gridSize: 1, model: graph, interactive: false });
提前致谢!
jointjs - JointJs 创建自定义形状并指定其默认链接
我正在尝试使用端口实现我自己的形状类。但是我希望这些形状生成的链接是平滑的。现在,我知道制作流畅链接的唯一方法是
link.set('smooth', true)
.
但是我如何不通过代码做到这一点?我如何通过拖动获得平滑的链接?
我扩展了 Link 类 ( MyLink
),但是当我在端口上拖动时,如何告诉 JointJS 使用哪个 Link 类?