3 步把 Visio 文件转进 drawio-desktop
3 步把 Visio 文件转进 drawio-desktop
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
同事在 Windows 上画好架构,发来一个 .vsdx,你在 Mac 上双击,除了提示"无法打开的文件"什么都没有。装一个 Visio 显然不现实,而 drawio-desktop(draw.io 的 Electron 桌面版)可以直接读取这种文件,并且把图形导出成 PNG、SVG、PDF 等开放格式。
它到底在做什么:拆包、翻译、组装
.vsdx 是 Visio 的默认格式,拆开看就是一个 ZIP 包,形状信息以 XML 形式存在里面。drawio-desktop 的处理可以类比成三步:先拆开压缩包,再把每个 XML 里的位置、颜色、线条逐条"翻译"成自家画布能懂的图形,最后把文本和连接线重新接回每个形状上。整个过程不依赖 Visio 的私有组件,所以 Windows、macOS、Linux 上行为一致。
导入完成后的编辑画布,布局与连线都保留了下来
三步跑通:启动、打开、导出
启动本地客户端
把仓库拉到本机,装依赖,然后启动编辑器:
git clone https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop && npm install && npm start几秒后窗口打开,就是上面那张截图里的界面。
打开一个 .vsdx 文件
在菜单里选 File → Open,选中你要转换的 .vsdx,文件会直接落在画布上,形状、文字、连线都保留,可以立即继续编辑。
批量导出整个文件夹
文件多了就别一个个开。把文件夹路径丢给终端,一行命令把里面所有 .vsdx 导出为 PNG:
drawio -x -f png -o out/ ./visio_files/-o指定输出目录,格式可换成svg、pdf。命令行参数与桌面版共用同一套实现,见 src/main/args.js。
碰到这几个问题,可以这样调
- 如果字体不对、文字变方框:Visio 用了本机没有的字体,打开图形后选中文字换成本机常见字体即可。
- 如果个别形状和原图对不上:Visio 的行业专用形状库里没有对应项,只能在左侧 General 面板里挑一个最接近的替换。
- 如果连接线"漂"在形状外面:端点没有重新吸附,把线头拖回形状边缘就恢复了。
转换结果示意:布局与连线关系完整保留
哪些场景下它真正省事
运维工程师:把仓库里两百张历史 .vsdx 批量导成 PNG 归档,架构图不再依赖任何一台 Windows 机器。
前端开发:顺手把拓扑图转成 SVG 贴进文档站,矢量缩放,页面不糊。
在校学生:Mac 上没有 Visio,照样打开 .vsdx,导出 PDF 交作业。
从 .vsdx 到开放格式,一条命令的事。打开终端跑上面那条 clone 命令,几分钟内 out/ 目录里就能看到第一张转好的图。
【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
