2021年4月13日

为什么导出draw的SVG图像中的文本可能无法正确显示

当您查看在IE或某些SVG编辑器中导出到SVG图像的图表时,文本可能无法正确显示。

diagrams.net在SVG中使用一种称为“异物”的东西来允许形状上具有复杂的HTML标签。

所有现代浏览器(包括Chrome,Firefox,Safari和Microsoft Edge)都支持此功能。Internet Explorer 11和IE的早期版本没有。

如果您在IE11或更早的版本中使用diagrams.net,我们可以动态地解决这一问题。但是,在IE和大多数SVG编辑器(如Inkscape和Illustrator)以及某些在线服务(如wpspress)中查看SVG图像文件时,导出的SVG不会显示所有标签。相反,您将看到错误[查看器不支持],或者,如果您尝试在wpsPress中查看SVG文件,则将显示解析错误。

我们意识到了这个问题,并花费了大量时间来研究解决方案。但是,这个问题非常复杂,到目前为止,我们还没有解决方法。我们将继续对其进行调查。

同时,请考虑将图表导出为PDF文件,因为这也是矢量格式,或者在按照以下步骤将其导出到SVG之前,禁用图表中所有标签的格式化文本和自动换行。

右键单击绘图画布的空白区域,然后从上下文菜单中选择“全选” 。

在格式面板的“文本” 选项卡中,取消选中“格式化文本”选项。

右键单击绘图画布的空白区域,然后选择“选择顶点”。

在格式面板的“文本”选项卡中,取消选中“自动换行”选项。

注意: 禁用这些格式设置选项后,仍可以对标签文本进行整体样式设置。您不能对标签的各个部分应用不同的格式。