问题标签 [rappid]

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 回答
136 浏览

javascript - 在纸上改变形状

我正在使用 rappidjs 3.2,我正在尝试制作一个模板形状,当我将它放到纸上时会改变形状。出于测试目的,我只想在控制台中打印形状的类型dragEndClone(据我从文档中了解到,这是我需要使用的)。

模具:

形状 :

将形状添加到模具:

之前显示的代码给了我这个错误:

0 投票
0 回答
182 浏览

jointjs - 如何解决联合 js 链接的重叠问题

我需要一个解决方案来解决联合 js 链接的重叠问题。

例如

图片1

图片2

我在 JointJS 中实现了一个流程图,用户可以在其中删除元素以及添加新元素,并以各种顺序重新链接事物。每次删除、添加、取消链接或重新链接某些内容时,该图正在使用 Joint.layout.DirectedGraph 库和 Dagre 的自动布局功能来重新组织图。出现了一个奇怪的问题,我还不确定如何处理它。

假设我有一个“分叉”进程,它有两个输出端口,每侧一个,顶部有一个输入端口。根据数组中元素的顺序,自动布局有时可以将左侧端口的子元素放置在右侧端口的子元素的右侧,因此生成的链接是交叉的。

是否有一些直接的方法来影响布局中的排名顺序?

我已经尝试了以下解决方案

joint.layout.DirectedGraph.layout(this.graph, { setLinkVertices: true, ranker: 'longer-path', rankDir: 'TB', dagre: dagre, rankSep: parseInt(70, 10), edgeSep: parseInt(30, 10), 边距X: 100, 边距Y: 270 });

0 投票
1 回答
173 浏览

javascript - 如何为自定义元素扩展 ElementView 以便它实际显示我想要的内容并无错误地接受标记?

我有一个 JointJS 代码的 jsFiddle,它给了我想要的东西: https ://jsfiddle.net/RaymondMH/s46uyq8v/156/

但是,当我尝试在我的实际应用程序中使用此代码时,调用中定义的任何函数ElementView.extend()都不会被调用,并且不会像我想要的那样创建元素。

这就是我把它放在我的代码中的方式:

元素初始化如下:

元素被添加到图表中,如下所示:

与 jsFiddle 不同的方式是,Markup 被放置在Element.extend()函数中而不是在ElementView.extend()(如 中的注释代码所示ElementView.extend())中。

如上所述实现,我得到了几个“框”,但由于没有使用 ElementView 中的功能,它不会像我期望的那样处理事情。即没有文本,也没有多个框,因为这些是在函数中处理的。

当我从 中删除标记Element.extend()并将其放入ElementView.extend()(即取消注释上面的注释代码)时,处理此错误时出现以下错误:

我添加到函数中的console.log()所有调用都不会写入控制台,因此这些函数都不会被调用。在联合数据结构中定义我的自定义元素,如 injoint.shapes.custom = {}并没有什么区别。使用 JointJS 或 Rappid 库时,我遇到了同样的问题。

有人看到我在这里做错了吗?我无法弄清楚如何使这项工作。

提前感谢您提供的任何帮助。

0 投票
1 回答
216 浏览

javascript - 有没有办法在 JointJS 中更新图形/纸张或图形中的所有修改元素?

基本上我从文件接收单元格属性,我想用更新的属性替换图中的相应单元格,但是在应用新属性后我似乎无法刷新图表。

根据JointJS docs,似乎 graph.resetCells 是我正在寻找的东西,但是当我尝试它时它实际上并没有做任何事情。有任何想法吗?

0 投票
1 回答
96 浏览

svg - 关节:如何将 icomoon 图标包含到 rappid 的自定义形状中

我正在为 HTML 图表工具使用Rappid框架。我dia.Element使用以下示例使用 rappid 的命名空间制作了自定义形状。无论如何,图像使用 SVG 可以正常工作,但我想改用icomoon/font-awesome图标。

在这里,我attr在 appLogo 上使用了 on custom 元素:

标记是这样的:

任何帮助将不胜感激。谢谢。

0 投票
0 回答
246 浏览

reactjs - How to test npm package shipped as .tgz file in react using jest?

I'm using a npm package shipped as .tgz file with in a react application. But when I try test a react component using jest which imports this package I'm getting the following error. Is there anything that I have to configure in jest to test this?

My package.json looks like below.

My component looks like below.

0 投票
0 回答
13 浏览

plugins - Rappid:缺少打印插件文件

我正在使用 Rappid 的免费试用版,并想尝试Print Plugin。对于插件的安装,我需要在我的 HTML 中包含两个文件,print.css 和 print.js,即:

我在下载的版本中找不到这两个文件。此外,我找不到任何线索在哪里可以找到它们。我在哪里可以找到这些文件?

0 投票
0 回答
89 浏览

javascript - JointJS,rappid 使用已定义的形状制作自定义形状

有没有办法用已经定义的形状制作自定义形状?我想用已经定义的单元格形状制作新的单元格形状

例如......(它不是工作代码,我想要这样)

在此示例代码中,自定义元素的类型(usercustom.Images)有两个已定义的类型形状(标准图像)。

standard.Image 类型已经存在。我想在两个(或三个,四个......)周围制作一个外壳。

你有什么好主意吗?

先感谢您。

0 投票
0 回答
75 浏览

reactjs - 如何使用 rappid.js 等外部库编写单元测试(Jest/react-testing-library)?

在我当前的工作项目中,以前的开发人员在站点中使用rappid.js制作流程图。这导致难以编写单元测试,因为我不知道如何测试这些外部库。我使用反应测试库编写了一个简单的测试,但返回此错误:

然后在底部的错误日志中:

所以我认为问题出在 rappid 库上。

有谁知道如何解决这个问题?谢谢!

0 投票
0 回答
32 浏览

jointjs - TypeError:在使用 rappid 和 Angular 9 版本时无法读取未定义的属性“ownerDocument”

嗨,我是 Rappid 关节平台的新手,尝试与 Angualr 集成,这里集成以在本地实现与节点的点,我没有找到文档而是能够观察示例,这将有助于分享对 for 的参考快速的文档。