word 插入 svg 显示不全 解决draw.io生成SVG矢量图导入Word显示有误的问题

5,366 阅读3分钟

pages.store.office.com/addinsinsta…

起因

最近因为要着手开始写论文了,寻觅了好久终于找到一款好用的画图工具:draw.io(现在已更名叫diagrams.net)。之所以用它而不用VISIO,是因为整体的操作细节上要比VISIO强很多,而且图库也更丰富美观。但是当我画好之后导出矢量图SVG文件插入Word的时候,总会有一部分内容被隐藏,而且最下面还会冒出一行英文小字,感觉很是恼火。而直接输出JPEG格式或者PNG格式可以保证图形的原样但是清晰度不够。(如下图所示)
图1  在drow.io里画出的图形完全没有问题
图1 在drow.io里画出的图形完全没有问题
问题图片
图2 当单独打开或者在Word中插入图片的时候就会发现,好好的字显示不完了,而且最下面还会出来一行英文提示!

解决办法

原来上图的那行英文是可以点击的,是个超链接网址:desk.draw.io/support/sol…
在这个网址上,说明了为什么会出现这些问题的原因,以及解决办法!
在这里插入图片描述
原文为英文,截图为Edge浏览器翻译的截图。只要按照图中红框的办法操作一遍,就可以得到想要额正确格式了!(如果不想读流程文字,可以直接看上面链接,里面附了操作动图)

操作步骤

  1. Ctrl+A全选对象,然后在右侧将格式化文本的勾取消(此时你可能会发现你的一些字体字号发生变化,需要手动调整)
    在这里插入图片描述
  2. 在图中空白处右键,选择顶点
    在这里插入图片描述
  3. 将自动换行的勾取消
    在这里插入图片描述
  4. 手动调整你的图片到合适的效果,然后最后导出SVG格式图片,成功

修改后效果

经过上面几步的操作后,即可得到没有错误的SVG矢量图,此时可以插入Word或者各种文档,我对Word转PDF文档也做过测试,完全没问题。
在这里插入图片描述
图3 修改之后的SVG文件,上面的错误都没有复现,可以正常使用

关于Word加载项draw.io工具

其实还有一种更为简单的办法,那就是直接从微软商店下载draw.io加载项。这样的话,你可以先在draw.io里编辑好保存成软件特有的格式,然后选择插入就行了。不过注意:如果你的文档只是局限在Word,那没问题,可以放心使用。
但是如果你还是要通过Word最后导出PDF文件的话,这个方法并不行。我经过多次测试,这种方法插入的图片在Word里面是矢量图,但是在转成PDF的时候会出问题,并不是以矢量格式存储的,会再次出现图片模糊的状况!所以还是上面啰嗦的那一种方式更靠谱。
在这里插入图片描述
在这里插入图片描述