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

jointjs - JointJs:在节点周围的任何地方连接线/链接

在 Rappid JointJs 库中,您如何决定在节点/元素上放置线条的位置?

例如,您可以在此处看到行的来源在左侧

在此处输入图像描述

我希望用户决定该行应该从元素的哪一侧开始。

您可以通过移动目标节点来做到这一点,例如

在此处输入图像描述

但这意味着图表将很快变得混乱。

目标箭头末端也一样 - 我希望用户能够将箭头放置在任何地方。

有点像 PowerPoint 如何绘制图表。

要绘制一条线/连接器,您会得到这个箭头,我想您应该能够看到该图标的顶部、右侧、底部和左侧。不只是权利。

在此处输入图像描述

这些是我的纸张设置

在此处输入图像描述

谢谢

0 投票
0 回答
15 浏览

jointjs - 为什么路径不随矩形缩放?

我已经定义了新元素,但是在调整它的大小时遇到​​了问题,路径不随矩形缩放!我该怎么办,我尝试了几个选项来尝试根元素的视口,添加可扩展类等,但没有任何效果!

0 投票
0 回答
16 浏览

javascript - “内容”不适用于 ui.Popup

我在我当前的项目中使用 rappid。
我试图将 ui.Popup 用于我的元素。但我不知道为什么,“内容”选项对我不可用。
在文档中,它说它需要内容的内容选项。 https://resources.jointjs.com/docs/rappid/v3.4/ui.html#ui.Popup


但是,当我按 ctrl+space 查看可用选项时,它没有内容。如果我手动添加它,它只会给我错误。
这是图片,无法发布图片因为这是我第一次发布问题:[https://i.ibb.co/nf6Zz1h/error.png][1]

我是否需要使用选项中列出的其他选项?文档没有更新吗?


谢谢!
0 投票
0 回答
35 浏览

reactjs - 我们如何将 JointJS 纸模型转换为 PDF?

我们在 React 应用程序中使用JointJS,我们需要能够呈现用户可以下载的地图 PDF。我们可以成功地让地图显示一切正常,但我们无法将其转换为 SVG,然后将其构建为 PDF。

我们理解这应该如何工作的方式:

问题是我们无法读取纸模型中的任何数据来实际渲染任何东西。当我们尝试按照Rappid 的 .toSVG 指令进行操作时,它会将 SVG 渲染到控制台记录的位置,所有颜色都是 (0,0,0) 并且所有标签都在那里但为空。此外,我们尝试过的许多 PDF 和 SVG 转换解决方案每次都会将此模型呈现为空白。

地图本身在页面上渲染得很好,但是当我们尝试将该组件转换为 SVG 或 PDF 时,它也会以带有 JointJS 相关类名的空 div 的形式出现 - 表明结构存在但渲染数据没有生成它通过。

有没有人能够想出将 Paper 或 Graph 模型转换为可在 PDF 中使用的 SVG 的解决方案?因为我们在 Rappid 上看到的解决方案似乎并没有提供它们应该如何使用的完整背景。

下面是我们正在尝试的两个函数的代码(toSVG() 和 print())Rappid。svg 控制台以空 0 数据记录,打印功能打开打印菜单并冻结。

预先感谢您的帮助!

0 投票
0 回答
36 浏览

angular - TypeError:当 Jest 测试包含 rappid.js 的角度组件时,无法读取未定义的属性(读取“原型”)

面临与 rappid相同的错误。我尝试了建议的解决方案,但仍然面临同样的错误。

rappid.js 中的错误 在此处输入图像描述

有人可以帮我吗。为了纠正这一点,我缺少什么。