问题标签 [draw.io]

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

javascript - 如何将源作为拖动的矩形

我需要具有固定大小的矩形形状,并且必须是draggable容器以便我可以连接它们。

我搜索了很多,但没有找到任何解决方案。

问题:单个rectangle形状(固定大小)应该dragged容器

完整查看代码笔:https ://codepen.io/eabangalore/pen/LvzXxX

方法如下:

在此处输入图像描述

代码演示:

请帮助我提前谢谢!!!!!!!

0 投票
0 回答
458 浏览

javascript - mxGraph 中的自动滚动溢出文本

如果标签溢出它的容器,我想在标签上自动滚动(效果如下:https ://codepen.io/jamesbarnett/pen/kfmKa )。SVG 上的标签呈现为 foreignObject 标签,其中包含包装到两个 div 中的值。在加载 mxGraph 之后,我尝试覆盖 getLabelValue 函数,因此它将标签值包装到另一个具有必要样式的 div 中,但随后标签呈现在 SVG 的左上角而不是元素位置。

CSS:

我设法摆脱了 foreignObjectwindow.mxClient.NO_FO = true; 这样标签 div 在 SVG 之外,它的位置是正确的,但是它的包装 div 丢失了它的尺寸,所以标签不可见。

要点:

  1. 使用 draw.io 创建图表,然后使用 mxGraph 显示。
  2. 标签值将随着 mxValueChange 事件发生变化,并且动画不应在更改后重置。

如何在给定的约束下实现这种效果?

0 投票
1 回答
1829 浏览

javascript - 如何在页面刷新 mxgraph 上保留绘制的框和路径

刷新页面后,我想保留绘制boxes和路径。

我正在使用mxgraph https://jgraph.github.io/mxgraph/docs/manual.html

问题: 一旦绘图完成,如果我进行页面刷新,它应该通过将绘图数据存储到 localStorage来保留相同的绘图。

注意:我想得到json objectdraw ,并在页面刷新canvas时重新构建它。object

下面的视频展示了如何绘制: https ://drive.google.com/file/d/1McTMz3e8I_quOcLGt2CtaQhqif3R31qs/view

0 投票
1 回答
89 浏览

draw.io - 有没有办法使用环境变量而不是通过 Draw.io 的 URL 参数来强制 local=1?

使用 Draw.io,我想强制使用本地设备作为存储。这可以通过传递 URL 参数来完成,但我可以通过环境变量来完成吗?还是有其他方法?

0 投票
1 回答
135 浏览

server - 如何不拉伸我放在 draw.io 中服务器机架内的形状?

我放置在服务器机架内的每个形状都在服务器机架的整个宽度上延伸。我需要在架子上放置一些较小的物品,如何防止拉伸?

我试图添加样式属性 resizable=0; 但这没有结果。

0 投票
2 回答
633 浏览

javascript - Draw.io:如何调试未压缩的 js 代码?

我从 github 存储库下载了 draw.io 源文件,并尝试对导入功能进行一些小改动,但所有源都被缩小了(尤其是 app.min.js)。所以我的问题是:有没有办法用未压缩的源代码调试代码?我还尝试在查询字符串中传递参数 dev=1,但它给出了一些错误并且无法加载。

我已经看到了Draw.io 的帖子——有非缩小的源吗?但我不知道如何构建draw.io。

0 投票
1 回答
544 浏览

build - 如何构建 draw.io 以拥有灯箱查看器

我打算构建 draw.io 因为克隆存储库并将其发布到例如 GitHub 页面不允许我使用lightbox
我假设这个存储库只包含客户端 Java 代码,但灯箱是服务器端的。

我想使用lightbox,它允许在视图模式下使用插件。
而不是draw.io/?p=ex&lightbox=1&...(explorer plugin enabled),我想通过mydomain.io/drawio.../?p=ex&lightbox=1&....
当我克隆存储库时,我只能访问编辑器 vai mydomain.io/drawio/src/main/webapp/index.html,就像 ( jgraph.github.io/drawio/src/main/webapp/index.html) 上的公共克隆一样。

这里的任何人,谁能给我一些指导以在构建中包含正确的功能?
draw.io构建文档嵌入图表都没有说明这些细节。我在mxgraph 存储库FacebookYouTube
上找到了更多详细信息,但没有任何线索让我知道如何继续。

0 投票
2 回答
209 浏览

javascript - Draw.io:为什么我不能在 IE 11 上打印文本?

我想了解为什么我无法 使用 Internet Explorer 11在draw.io上打印文本。

基本上我所做的是创建一个矩形并双击它以插入一些文本。之后我进入 [ File -> Print -> Preview ] ,出现一个新选项卡,但文本消失了。

调试什么也没显示,Chrome上也没有这样的错误,我真的不知道该怎么办,希望有人能帮助我。

0 投票
2 回答
1816 浏览

javascript - 如何以编程方式从 draw.io PNG 中提取 XML 数据

长话短说,我希望能够在浏览器中使用 PHP 或 JavaScript 从从 draw.io 保存的 PNG 中提取 XML 数据。

我正在使用带有图层的 draw.io 图像来记录网络设备之间的物理连接。文档站点是一个运行我没有管理权限的dokuwiki实例的内部站点。我可以将导出的 PNG 文件上传到网站,但我不能上传 TXT、XML 或 SVG 文件。无论出于何种原因,我都可以在页面上嵌入 HTML、PHP 和 JavaScript。我现在可以粘贴 HTML 嵌入代码,但这会在编辑页面时显着减慢浏览器的速度,以至于一旦我粘贴了嵌入代码就无法进行任何进一步的更改。

我的预期解决方案是使用 PHP 或 JavaScript 从上传的 PNG 中提取 XML 数据。几乎与这个问题相反。然后,我会将其插入到页面上的嵌入代码中。

这是我将使用的嵌入代码:

我不知道足够的 JavaScript 来弄清楚从 PNG 打开时 draw.io 是如何做到这一点的,但是一些关于它如何工作的示例代码甚至是源代码中发生这种情况的链接都会有所帮助。

0 投票
2 回答
1439 浏览

draw.io - 是否可以编写一个简单的自定义链接来显示或隐藏页面上的所有图层?

我有一个包含 40 多个图层的 draw.io 图表页面。但是因为我不知道用户将在已发布的图表上隐藏/显示哪些层,所以我想提供一个按钮,其中包含一个隐藏所有层的操作集,然后显示 3 个特定层。

是否可以使用通配符或类似名称隐藏所有图层,或者我是否需要手动创建一个巨大的(以手动管理术语)图层 ID JSON 数组?

据我所知,这是不可能的,这让我感到惊讶,因此我提出了要求。对于我的图表,这意味着我需要在许多链接中维护巨大的 JSON 数组。

我尝试了使用单元格和标记操作通配符的各种自定义链接,但我的测试表明标记仅适用于形状(而不是图层),并且单元格包括形状和图层。

我希望使用上面的自定义链接会导致所有图层都被隐藏,它确实做到了,但它也导致当前选定图层上的形状被隐藏。它还导致当前选定图层上的形状在编辑器中显示为已删除,因此我需要使用撤消功能来恢复形状。我想这是一个错误,除非我做错了什么或我的绘图已损坏。

像这样的东西将是一个非常有用的功能:

我会考虑编写一个插件,但找不到有关该主题的任何帮助文档。有人可以就此提出建议吗?