当前位置:首页 > draw.io文章

使用在线图表查看器分享 .drawio、VSDX、Gliffy 和 Lucidchart 图表

drawio8年前 (2018-05-28)draw.io文章2

您可以使用 draw.io 的免费在线图表查看器轻松共享、打开和编辑图表,无论这些图表是 .drawio、.vsdx、.vdx、.gliffy 还是 .lucid 文件格式。

一些常用图表工具的个人桌面版(或云端版)授权费用可能相当昂贵,公司通常不愿意为所有员工购买授权。图表在各个部门、各个领域都非常有用,因此我们的目标是让每个人都能轻松使用图表绘制工具。draw.io 可以导入多种格式的图表,您可以将其用作在线图表查看器,轻松分享图表,而无需担心接收者是否安装了相应的图表绘制软件。

分享图表文件以便在在线图表查看器中打开。

要创建指向图表文件的可共享链接,请按照以下步骤操作。

  1. 请确保您的图表已上传至互联网,并复制其网址(URL)。如果您的图表存储在 Google 云端硬盘中,请复制其共享链接。

  2. 请访问:https://jgraph.github.io/drawio-tools/tools/viewer.html 

  3. 将图表文件的 URL 粘贴到“图表链接”文本字段中。

  4. 选择图表的显示方式:

    • 全屏模式(默认)会生成一个链接,点击该链接即可在灯箱中打开图表。您可以在灯箱中打印图表、将其导出为 PNG 图像,或创建副本以便在图表编辑器中进行编辑。

    • 编辑器会生成一个链接,点击该链接后,会立即转换该地址处的图表,并在图表编辑器中打开它。

    • IFrame 工具会生成一个 iFrame 的 HTML 代码,您可以将其粘贴到您的网站中。设置iFrame 的高度——默认值为 400 像素。

  5. 点击这里!生成链接或 iFrame 代码。复制链接并分享,或复制 iFrame 代码并将其添加到网页。

例如,为了使用在线图表查看器以全屏模式免费打开 .vsdx 文件,我们将其保存到网站上并生成了一个链接。

在网页中添加图表

如果您想创建用于将图表嵌入到您网站的 iFrame 中的 HTML 代码,按照上述步骤操作将生成以下代码:

<iframe frameborder="0" style="width:100%;height:400px;" src="https://app.diagrams.net?lightbox=1#Uhttps%3A%2F%2Fwww.alderg.com%2Fsandbox%2Flarge.vsdx"></iframe>

编辑要插入图表的网页的 HTML 代码,并将生成的 iFrame 代码粘贴到该代码中。

draw.io 不会保存图表数据。

当您分享 draw.io 图表或使用我们的免费图表编辑器时,您的图表数据不会存储在我们的服务器上。一旦 VSDX、Gliffy 或 Lucidchart 文件转换完成并传输到浏览器,所有图表数据都会立即删除——您的图表数据绝不会保存或存储在我们的服务器上。