问题标签 [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 投票
2 回答
4759 浏览

svg - JointjS:如何获取给定元素的属性?

我有一个这样定义的元素:

问题是如何获得“.label”属性?例如,我需要获取文本“模型”,我应该怎么做?如果我想获得 'rect' 的 'fill' attr,我可以简单地使用 m1.get('attrs').rect.fill。

但我不知道如何获取“.label”属性。

0 投票
2 回答
4513 浏览

jointjs - JointJs 顶部底部端口

我正在尝试将 JointJS 与端口功能一起使用:

但是输入端口出现在左侧,输出端口出现在右侧。我想要顶部的输入端口和底部的输出。

使用 joint.shapes.devs.Model 将端口位置更改为 Top-Bottom 的最佳方法是什么?

提前致谢。

0 投票
1 回答
1757 浏览

jointjs - 在jointjs中创建水平线

如何在jointjs中创建水平线。我想在joint js中的两点之间绘制简单的水平线。有人可以告诉我怎么做。

我的论文看起来像:

我创建了两条水平线,例如:

但是我没有在纸上打印线而在纸上打印线2

0 投票
0 回答
443 浏览

javascript - 让 JointJS 在流星中作为一个包工作?

我在github上找到了这个repo,它是meteor-jointjs的一个包

https://github.com/kidovate/meteor-joint

但是我无法让它工作......我已经修改了 package.js

});

我添加了“libs”文件夹 - 我从 JointJS bower 安装中获得

我还修改了“joint.js”文件,以便

// 全局命名空间。

就是现在:

这样“联合”变量现在可以在流星中全局访问 - 按照说明:在本教程中:

https://github.com/awwx/misc/wiki/Packaging-Existing-Libraries-for-Meteor

当我尝试访问该页面时,我在浏览器中收到此错误:

有问题的代码行是:

问题是“_”不是未定义的->不知道如何解决这个问题...

0 投票
1 回答
1591 浏览

jointjs - 在 JointJs 中单击时更改鼠标光标

通过单击加入进程时。一旦人点击了第一个节点,鼠标指针应该会改变,表明第一个节点已经被点击,现在我们只需要点击目标节点。我该如何实现呢?

0 投票
1 回答
4162 浏览

jointjs - 获取元素的传出链接

我想获取与元素关联的所有传出链接。在jointJs 中实现这一点的方法是什么。实际上我已经尝试过类似的方法,但它给出了传出和传入的结果。

0 投票
0 回答
212 浏览

javascript - 创建一个带端口的圆形对象

我正在尝试使用端口创建一个圆圈,我正在实施一个工作流程,我需要创建一个带有端口的开始圆圈和一个结束圆圈,但直到现在都没有成功。

我可以创建圆圈但没有端口,调用 getPortAttrs 方法。

0 投票
1 回答
984 浏览

jointjs - 显示的JointJS缩放问题:无

我试图在引导轮播中嵌入一个jointjs图并遇到问题。如果图表在初始/活动窗格上,一切正常,但如果它是任何其他窗格,则元素和链接以一种奇怪的方式缩放,并且链接连接在元素的错误侧。我已将其缩小为将 svg 呈现为设置为 display:none 的 div 的属性。使用jointjs教程代码和一些简单的css重现问题的JSFiddle如下:

http://jsfiddle.net/L2wev6xc/4/

HTML

CSS

JS

如果我使用可见性属性,则不会发生这种情况,仅显示。此外,对于上面 jsfiddle 中的图表,缩放比例稍有偏差,但在更大、更复杂的图表中,情况会变得更糟。

0 投票
1 回答
811 浏览

jointjs - JointJS:组织结构图演示不起作用

我只是困惑为什么它不起作用?我尝试了 hello world 示例,它有效。然后我只是用组织结构图代码替换了 hello world 代码,并将 ID 名称也更改为纸质。它应该工作...

0 投票
1 回答
216 浏览

javascript - 从链接隐藏默认悬停css

我正在使用以下代码向图表添加链接:

现在,当我将此链接添加到图表时。默认情况下,悬停链接时会出现用于删除操作的十字符号,但我不想要它。我需要一个简单的箭头,任何人都不能从图中删除它。