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

jointjs - 更改端口的自动定位

在 Rappid 1.6 试用版中,我使用 getPortattrs 来更改端口的位置。而不是 attrs[portSelector] = { ref: '.body', 'ref-y': (index + 0.5) * (1 / total) };,我使用我自己的规则。

但是对于 Rappid V2,这不再起作用,我不知道该怎么做。

有什么提示吗?

0 投票
1 回答
244 浏览

javascript - 单元格移动时更改端口颜色

我使用jointjs / rappid。

我想在移动单元格时更改端口的属性(例如 inPort 的颜色:in0_2)。如何访问这些属性?

单元格示例:http ://www.epro.de/exchange/virtual-reality/jointjs/celltest.jpg

我想这很容易 - 我尝试了不同的方法,但找不到解决方案。

有什么提示吗?

我使用以下代码来创建单元和端口。

0 投票
2 回答
483 浏览

javascript - joint.setTheme 不是 JointJS-Rappid 中的函数

我正在尝试为我的应用程序设置主题。我在 jquery、lodash、backbone、graphlib、dagre、keyboard、rappid 和 localJs 文件中包含了依赖文件。当我尝试用joint.setTheme(dark)设置主题时;它在控制台中引发错误 Joint.setTheme is not a function。我浏览了 rappid 文档Rappid 文档 UI

我包含了 rappid.js 和 rappid.css 文件,而不是单独包含其他 joint.ui.xxx.js 文件,以便访问 rappid 提供的所有功能。

示例 JS 代码看起来像这个joint.setTheme 错误代码。如何设置特定于下面小提琴中编写的代码的主题?请帮忙...

0 投票
1 回答
845 浏览

javascript - 如何区分 dblclick、右键单击和鼠标滚轮单击拖到纸元素上的形状 JointJS Rappid

我正在尝试在从模具拖到纸元素上的形状上实现不同事件的代码。pointerup 事件触发元素周围带有选项的光环。双击事件触发一些模态窗口,右键单击事件触发带有单击操作的自定义上下文菜单。如何区分 Rappid 中的不同事件,例如左键单击、右键单击、单击鼠标滚轮。我有如下代码。

这是我从 rappid 获得的用于单击和双击的解决方法。它正在工作,但我也在寻找右键单击功能。请帮忙。

0 投票
1 回答
642 浏览

javascript - 如何在jointJS的元素框中复制检查器编辑文本值 - Rappid

我想在检查器 displayName 编辑文本上写一些东西时将其传递给每个元素的收件箱名称。在此处输入图像描述

我的javascript代码如下:

但问题出在最后一行:

我应该如何设置值?

我的这个元素的模板 json 是:

谢谢

0 投票
1 回答
1271 浏览

jointjs - 更改 JointJS Rappid 对象的颜色(通过在左侧导航菜单中修改不同的实例并通过 Rappid Inspector 颜色选择器进行修改)?

我基本上想在我正在试用的 RAPID 环境中更改 JointJS 形状的颜色。

以下是关于我目前所拥有的以及我想要实现的一些背景: 我有一个名为 ChristmasTree 的 JointJS 形状,它扩展了joint.dia.Element。基本上,构建此 ChristmasTree 对象的 svg 字符串是树的路径(svg 路径元素),以及上面的多个装饰物(4 个 svg 圆圈/椭圆,它们具有我认为可以用来修改颜色的 id 和类)。

我通过 svg 字符串中的样式 attr 为装饰品设置了一些初始值。一旦我把它放在左边的 RAPPID 菜单中,用户就可以拖动那棵上面有红球的圣诞树,耶。 问题###1: 但我想在左侧菜单中放置第二个圣诞树形状而不创建另一个具有绿球的主要对象......我将如何实现这一点?在我下面的代码中,christmas_tree_style_2应该用 'fill': "#00ff00"覆盖 .ornament 类,但不是(在左侧菜单中,它仍然是红色的)?事实上,christmas_tree_style_1,我也尝试用蓝色球'fill': "#0000ff"覆盖,但它仍然是红色的。如何实现形状的左导航覆盖?

问题###2: 假装你帮我解决了以前的问题。您可以将 2 个多色圣诞树从左侧菜单导航拖放到主 RAPPID 内容区域。我现在想通过检查器动态更改颜色。我为每个元素添加了一个颜色检查器,它显示在 RAPPID 右导航菜单中:'ornament_fill': { label: 'Color of Christmas-tree-ornament's fill', type: 'color', group: 'generalinfo', index: 2 } 但不知道如何创建一个事件来动态改变饰品的颜色。任何想法?谢谢!

这是下面代码的重要部分。

这也是一个实际的工作示例(但左导航初始覆盖和右导航检查器颜色覆盖不起作用,因此我的 2 个问题): http ://armyofda12mnkeys.kissr.com/rappid_christmastree/index.html (对不起,我找不到 rappid.js 的 CDN 添加到 JSFiddle,因此更容易将文件夹上传到站点)。我的问题适用的文件是 app.js 和 rappid-custom-shapes.js。

# # # #
0 投票
1 回答
518 浏览

jointjs - 在 JointJs 中动态显示端口

是否可以在 JoinJS 中以编程方式显示端口?这就是我想做的。

  • 使用 RappidJs。
  • 不想在 Stencil 中显示端口。
  • 将单元格放在纸上后显示端口。

我看到了 addPort 和 removePort 的 API,但在隐藏/显示周围看不到任何东西。

0 投票
1 回答
460 浏览

javascript - Rappid (JointJS?) 中的链接箭头设计

我正在使用 Rappid 开发图表,我需要修改默认箭头,使其看起来像这张图片中的第一个和第三个(“一个”和“一个(并且只有一个)”):

在此处输入图像描述

我能得到的最好的东西给了我这个:

在此处输入图像描述

要么是空白,要么是线条离结尾太近了……我承认我已经大量研究了 SVG d-paths,但我仍然几乎不理解它们。这是我正在使用的两个:

M56 0 L56 16 L54 16 L46 16 L46 0 L48 0 L48 16 L54 16 L54 0

M56 0 L56 16 L54 16 L24 16 L54 16 L54 0

0 投票
1 回答
1144 浏览

javascript - 如何在jointJS中更改图的默认链接名称 - Rappid

在jointJS中每个新创建的链接中,在这个链接上都有默认名称“Name”。我将如何将其更改为我自己的名字,例如 var test 的内容?

我的链接 javascript 代码如下:

0 投票
3 回答
1445 浏览

javascript - 我可以在jointJS中动态更改我的检查员的选择选项吗 - Rappid

在我inspector.js的声明中,这个选择框的名称tr_rules有 2 个选择选项:

有什么方法可以正确定义我的检查器,以便数组选项最初为空并且:

我将使用 a 的内容动态填充选项var

例如,var optionsVariable 特定时间将是: