将图表导出为 SVG 图像

SVG 图片加载速度很快，尤其与其他格式的图表图片相比。您可以将从 draw.io 导出的 SVG 图片嵌入到网站、文档，甚至 WordPress 网站中（前提是您已安装支持上传 SVG 文件的插件）。

SVG（可缩放矢量图形）是一种使用 XML 标记语言定义矢量图形的文件格式，类似于.drawiodraw.io 中创建的图表所使用的文件格式。与 PNG 和 PNG 等图像格式不同，SVG 图像可以放大或缩小而不会损失质量或出现像素化.JPG。.GIF由于.PNGSVG 使用 XML 代码，因此可以在这些文件中嵌入非图像代码，这也导致某些平台在没有第三方插件的情况下无法支持 SVG 文件。

为确保 SVG 图表在嵌入到不支持 SVG 文件中外部对象的在线平台（如 WordPress）时能够正确显示，请禁用图表中所有文本元素的文本格式和自动换行功能。

提示：如果您的图表包含动画连接线，请确保将其导出为 SVG 文件以保留此动画效果。

准备好图表以供导出

1. 在绘图画布的空白处单击鼠标右键，然后在上下文菜单中单击“全选”以选择图表中的所有内容（或Ctrl+A在 Windows 上按，或Cmd+A在 MacOS 上按）。

2. 在右侧格式面板的“文本”选项卡中，确保“格式化文本”复选框未选中。

3. 接下来，选择图表中的所有顶点 - 右键单击并选择“选择顶点”（或Ctrl+Shift+I在 Windows 上按，或Cmd+Shift+I在 MacOS 上按）。

4. 再次在格式面板的“文本”选项卡中，确保“自动换行”复选框未选中。

将图表导出为 SVG 格式

您的图表现在可以导出为 SVG 图像了。

1. 点击文件 > 导出为 > SVG。

2. 通过一个包含多个选项的对话框，您可以自定义图表保存为 SVG 图像的方式：

• 更改缩放比例。

• 使用透明背景代替默认的白色背景。

• 如果您在将图表导出为 SVG 之前选择了图表的一部分，您可以将图表中保存的内容限制为“仅限所选内容”，并裁剪图像以适应您的选择。

• 给你的图表添加阴影。

• 如果您希望其他人能够顺利地将 SVG 导入到 draw.io 中，请启用“包含我的图表副本”选项。

• 选择对于不支持 SVG 1.1 的旧版 SVG 查看器，应如何输出格式化的文本标签 - 请参阅下面的注释。

• 通过更改列表中的设置， 选择链接的行为方式。
  

3. 设置好所需的选项后，单击“导出”，然后选择要保存 SVG 文件的位置。

现在，您可以像添加普通图像文件一样，将图表的 SVG 图像版本添加到您的网页或博客文章中。

注意：SVG 1.1 和格式化文本标签

draw.io 和我们的免费在线编辑器默认导出 SVG 1.1 格式。一些旧版 SVG 查看器在处理包含多种格式信息的文本时可能会出现问题。

通常情况下，原始 SVG 数据中会嵌入一条警告信息，该信息仅在您的 SVG 查看器不支持 SVG 1.1 时才会显示。按照上述步骤导出时，您可以选择要使用的文本设置。

有关SVG 导出文本设置选项的更多详细信息，请参阅我们最近的帖子。