长话短说,我希望能够在浏览器中使用 PHP 或 JavaScript 从 Draw.io 保存的 PNG 中提取 XML 数据。
我使用带有图层的draw.io 图像来记录网络设备之间的物理连接。文档站点是一个内部站点,运行dokuwiki例如我没有管理权限。我可以将导出的 PNG 文件上传到网站,但不允许上传 TXT、XML 或 SVG 文件。无论出于何种原因,我都可以在页面上嵌入 HTML、PHP 和 JavaScript。我现在可以粘贴 HTML 嵌入代码,但这会在编辑页面时显着减慢浏览器的速度,以至于粘贴嵌入代码后我无法进行任何进一步的更改。
我的预期解决方案是使用 PHP 或 JavaScript 从上传的 PNG 中提取 XML 数据。几乎相反this ask。然后,我会将其插入到页面上的嵌入代码中。
这是我将使用的嵌入代码:
<div
class="mxgraph"
style="max-width:100%;border:1px solid transparent;"
data-mxgraph="{"highlight":"#0000ff","nav":true,"resize":true,"toolbar":"zoom layers lightbox","edit":"_blank","xml":"_INSERT_XML_DATA_HERE_"}">
</div>
<script
type="text/javascript"
src="https://www.draw.io/js/viewer.min.js">
</script>
我不知道足够的 JavaScript 来弄清楚从 PNG 打开时,draw.io 是如何做到这一点的,但是一些关于它如何工作的示例代码,甚至是源代码中发生这种情况的链接将会有所帮助。
如果 Draw.io 能做到,您也能做到!但我认为只有你选择了才有可能Include a copy of my diagram
导出为 PNG 时的选项。使用此选项 Draw.io 将附加数据保存为 PNG(您可以查看writeGraphModelToPng.
但对你来说更有趣的是从 Png 中提取图形模型
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)