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

rappid - 如何使用 rappid 创建嵌套模板?

我的应用程序基于 kitchensink 演示。我想创建一个嵌套模板,但我不知道该怎么做。这可能吗 - 有什么帮助吗?

问候迪特

0 投票
1 回答
223 浏览

javascript - 使用 RappidJS 如何将新元素动态添加到渲染的模具中

我正在使用厨房水槽演示(https://resources.jointjs.com/demos/kitchensink

并查看文档

https://resources.jointjs.com/docs/rappid/v2.4/ui.html#ui.Stencil

我无法理解的是,如何将已经渲染的模板作为演示的一部分动态添加新元素?

我在想类似的东西

0 投票
1 回答
3937 浏览

javascript - IE11 - 对象不支持属性或方法“包含”

使用Rappid我在 IE11 控制台中遇到错误:

此错误来自没有该方法的 SVGElement。Chrome 中的相同代码可以工作。

似乎我需要为这个缺失的方法进行填充,但根据 MDN docs on contains它受 IE9 及更高版本的支持,但不支持 SVGElement

编辑:这是一个片段 - 尝试在 Chrome 和 IE11 中运行

0 投票
1 回答
66 浏览

jointjs - 如何更新rappidjs中单元格的属性

我需要使用 jquery 更新 rappidjs 的单元格属性的值。我们怎么能做到这一点?

0 投票
0 回答
222 浏览

jointjs - 在 rappid js 中多次粘贴元素

我正在使用 angular 8 的联合 js 和 rappid,并且我已经完成了大部分任务,但是在使用键盘事件时似乎存在问题。当我复制一个元素并将其粘贴到图形上时,它可以正常工作。但是对于选择的下一个元素,它会多次粘贴该新元素。

这是我的代码。

我有不同的东西,比如重置剪贴板、重置选择和重置键盘,但似乎没有任何效果。

0 投票
0 回答
99 浏览

javascript - Rappid/Joint 中的 Html 元素定位

我正在开发一个项目,用户可以在其中创建流程图,但图表中的节点需要是动态的。基本上它们是 HTML 卡片。对于这种方法,我遵循以下方法:https ://resources.jointjs.com/tutorial/html-elements 但是我在使用这种方法时遇到了问题:

  1. 当纸张调整大小时,绝对定位发生变化并且html元素不在svg元素的顶部。如何解决这个问题? 在此处输入图像描述
  2. 有我需要动态增长卡的用例,基本上检查器属性应该在卡内。但不应一次显示所有属性。这意味着当卡片变大时,我需要移动所有元素。如何做到这一点?
0 投票
0 回答
55 浏览

javascript - 如何从 RappidJS KitchenSinkAngular6 获取 JSON?

我正在使用 RappidJs - KitchenSinkAngular6 应用程序模块。我想知道他们在哪里导出 JSON 对象。我检查了所有服务和组件,但没有找到任何绑定/导出 JSON 的方法。你能帮助任何人吗?

提前致谢。

0 投票
0 回答
109 浏览

jquery - 如何根据jointjs中的文本调整矩形大小 - Rappid

我使用jointjs/rappid,我使用默认矩形在我的图表上绘制元素。

我可以通过扩展 standard.rectangle 并更改属性来更改元素内的文本:

这有效,但元素不会自动调整为文本的长度。

在此处输入图像描述

如何调整元素(矩形)的大小以使文本适合它?

0 投票
1 回答
89 浏览

jointjs - 在快速框架中。使用 fromJSON 方法重新创建时,链接元素无法指向端口

我仅使用以下定义在模板区域中创建元素

在像往常一样在纸张区域完成绘图后(一切正常),我在工具栏中有一个保存按钮。该按钮的功能是将绘图数据保存到 API 服务器以供以后加载。

我正在使用函数 graph.toJSON() 方法获取图形数据以保存在服务器上。但是,当我尝试重现相同的图形 JSON 数据时,使用该函数graph.fromJSON链接未正确指向端口。

这是绘制的原始图像

保存前最初绘制的图像

这是使用graph.fromJSON方法复制的图像

使用 <code>graph.fromJSON</code> 方法在论文中复制的图像

问题:

正如您在图像中看到的,当使用函数函数在图形中再现图形数据时graph.fromJSON,链接指向 0,0 位置(如果元素而不是元素中绘制的端口​​)。

0 投票
0 回答
124 浏览

jointjs - 如何用纯JointJS实现Rappid提供的拖拽连接功能?

Rappid(JointJS 的付费版本)中有一个功能,它允许您从元素的工具箱中拖动一个按钮,并将该元素连接到另一个元素,然后释放鼠标按钮。
我想用 JointJS 核心库来实现这个功能。我设法使用 elementTools 创建了一个工具箱,并添加了两个按钮,一个用于删除元素,一个用于此拖放和连接功能。
带有元素工具箱 的元素图片问题是拖动按钮仅在我单击按钮时才会触发。它不允许我拖动并拥有鼠标的 x、y 坐标。在stackoverflow中有一个类似的问题没有得到解答:
为每个对象JointJS创建一个ToolElement

这是我的按钮片段:

任何帮助,将不胜感激。