如何使用 draw.io 桌面版10 分钟搞定离线绘图与批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版是一个基于 Electron 的图表绘制工具完全离线可用能画流程图、UML、网络拓扑图直接导出 PNG、SVG、PDF、JPEG、XML、HTML 六种格式还支持用命令行批量转换整个目录的图表文件。本文写给第一次接触桌面版的用户跟着走 10 分钟就能出第一张图。动手之前按场景挑安装方式Windows 没有管理员权限发布页提供三种安装包对应不同权限场景三者区别在 README.md 里有明确说明installer.exeNSIS装到 Program Files整机生效需要管理员权限.msi装到当前用户目录不需要管理员权限no-installer.exe绿色版解压即用不注册文件类型关联另外还有 Microsoft Store 的 APPX 版本同样是按用户安装、无需管理员。没权限的机器直接选 MSI 或绿色版。纯内网、离线环境桌面版的设计目标就是与互联网完全隔离所有 JavaScript 内置在应用里浏览器层的 Content Security Policy 禁止执行任何远程脚本。唯一的网络请求是启动时的版本更新检查关掉它见下文就是一条网线都不需要。想从源码跑或二次构建环境要求 Node.js 22.12 以上。编辑器本体是 git 子模块位于drawio/目录克隆时必须带--recursive缺了它项目打不开git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop然后在项目根目录执行npm install再npm start即可启动设置DRAWIO_ENVdev会顺带打开 DevTools 方便调试。5 分钟首次上手 ⚡按上面场景选安装包安装源码党直接npm start启动后点File → New Diagram也可以直接套用内置模板流程图、UML、网络拓扑从左侧图形库把矩形、菱形、箭头拖到画布上用连线工具连起来在右侧属性面板调整字体、网格、背景Paper Size 区域可切换 US-Letter 等纸张规格和横竖版式CtrlS 存成 .drawio 文件File → Export As选 PNG设置边距和缩放第一张图就出来了核心工作流把图存成图片界面导出六种格式Export As 里可选PNG、SVG、PDF、JPEG、XML、HTML导出对话框能设边距、缩放、是否透明背景。单图日常导出走这条路就够了想把图嵌进网页或 wiki选 HTML 会生成带查看器的 HTML 文件比贴截图好维护。批量导出整个目录draw.io 本身就是 CLI 工具这是桌面版对工程团队最实用的一块把安装好的 draw.io 当命令行工具用。一个目录的图表全部递归转成透明底 PNGdrawio -x -r --format png --transparent ./diagrams高频选项--border 10四周加 10 像素留白--scale 2输出两倍尺寸--theme dark生成深色背景--all-pages把多页图表完整导出为 PDF。输入不限于 .drawio——Visio 的 .vsdx、.csv、Mermaid 的 .mmd 文件都能直接导入转换。完整参数定义见 src/main/args.js运行drawio -h可查看全部帮助。内网部署关闭启动时的更新检查两种方式任选设置环境变量DRAWIO_DISABLE_UPDATEtrue或启动时追加--disable-update参数。集中管理的部署场景常用这个Flatpak 版本会自行关闭更新。坑与替代方案 ❓克隆忘了--recursive编辑器子模块缺失项目打不开。已经克隆过就补一句git submodule update --init。图表里用 URL 引用的外部图片、背景、字体打开文件时会去请求这是为了渲染正确。打开来源不明的 .drawio 文件时相当于向该 URL 暴露你的 IP图表内容本身不会外传。每个用户只允许跑一个实例官方版本正在运行时启动你自建的副本只会往官方应用里开个新窗口——先退出已在运行的 draw.io。自建版本是未签名的macOS Gatekeeper 和 Windows SmartScreen 都会告警属正常现象macOS 的 Quick Look 预览扩展在个人构建中可能不被加载按不支持处理。构建步骤和全部边界条件以 doc/BUILDING_FOR_PERSONAL_USE.md 为准。什么时候换方案只想快速往文档里贴一张图、不需要本地工具链直接下官方二进制别折腾构建。想改编辑器自身逻辑注意 Electron 外壳src/main/和编辑器drawio/子模块是两条路前者改起来直接后者要改子模块再重新打包。另外项目不接受外部 PR自改版本仅供个人使用更新方式也变成拉取 → 重新构建 → 重装。结尾速查表用途命令 / 路径递归批量导出透明 PNGdrawio -x -r --format png --transparent ./diagrams查看全部 CLI 参数drawio -h关闭启动更新检查DRAWIO_DISABLE_UPDATEtrue或--disable-update源码运行clone带--recursive→npm install→npm start个人未签名构建DRAWIO_UNSIGNEDtrue偏好设置与本地缓存macOS~/Library/Application Support/draw.io偏好设置与本地缓存WindowsC:\Users\用户名\AppData\Roaming\draw.io\【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考 如何使用 draw.io 桌面版：10 分钟搞定离线绘图与批量导出
如何使用 draw.io 桌面版10 分钟搞定离线绘图与批量导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版是一个基于 Electron 的图表绘制工具完全离线可用能画流程图、UML、网络拓扑图直接导出 PNG、SVG、PDF、JPEG、XML、HTML 六种格式还支持用命令行批量转换整个目录的图表文件。本文写给第一次接触桌面版的用户跟着走 10 分钟就能出第一张图。动手之前按场景挑安装方式Windows 没有管理员权限发布页提供三种安装包对应不同权限场景三者区别在 README.md 里有明确说明installer.exeNSIS装到 Program Files整机生效需要管理员权限.msi装到当前用户目录不需要管理员权限no-installer.exe绿色版解压即用不注册文件类型关联另外还有 Microsoft Store 的 APPX 版本同样是按用户安装、无需管理员。没权限的机器直接选 MSI 或绿色版。纯内网、离线环境桌面版的设计目标就是与互联网完全隔离所有 JavaScript 内置在应用里浏览器层的 Content Security Policy 禁止执行任何远程脚本。唯一的网络请求是启动时的版本更新检查关掉它见下文就是一条网线都不需要。想从源码跑或二次构建环境要求 Node.js 22.12 以上。编辑器本体是 git 子模块位于drawio/目录克隆时必须带--recursive缺了它项目打不开git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop然后在项目根目录执行npm install再npm start即可启动设置DRAWIO_ENVdev会顺带打开 DevTools 方便调试。5 分钟首次上手 ⚡按上面场景选安装包安装源码党直接npm start启动后点File → New Diagram也可以直接套用内置模板流程图、UML、网络拓扑从左侧图形库把矩形、菱形、箭头拖到画布上用连线工具连起来在右侧属性面板调整字体、网格、背景Paper Size 区域可切换 US-Letter 等纸张规格和横竖版式CtrlS 存成 .drawio 文件File → Export As选 PNG设置边距和缩放第一张图就出来了核心工作流把图存成图片界面导出六种格式Export As 里可选PNG、SVG、PDF、JPEG、XML、HTML导出对话框能设边距、缩放、是否透明背景。单图日常导出走这条路就够了想把图嵌进网页或 wiki选 HTML 会生成带查看器的 HTML 文件比贴截图好维护。批量导出整个目录draw.io 本身就是 CLI 工具这是桌面版对工程团队最实用的一块把安装好的 draw.io 当命令行工具用。一个目录的图表全部递归转成透明底 PNGdrawio -x -r --format png --transparent ./diagrams高频选项--border 10四周加 10 像素留白--scale 2输出两倍尺寸--theme dark生成深色背景--all-pages把多页图表完整导出为 PDF。输入不限于 .drawio——Visio 的 .vsdx、.csv、Mermaid 的 .mmd 文件都能直接导入转换。完整参数定义见 src/main/args.js运行drawio -h可查看全部帮助。内网部署关闭启动时的更新检查两种方式任选设置环境变量DRAWIO_DISABLE_UPDATEtrue或启动时追加--disable-update参数。集中管理的部署场景常用这个Flatpak 版本会自行关闭更新。坑与替代方案 ❓克隆忘了--recursive编辑器子模块缺失项目打不开。已经克隆过就补一句git submodule update --init。图表里用 URL 引用的外部图片、背景、字体打开文件时会去请求这是为了渲染正确。打开来源不明的 .drawio 文件时相当于向该 URL 暴露你的 IP图表内容本身不会外传。每个用户只允许跑一个实例官方版本正在运行时启动你自建的副本只会往官方应用里开个新窗口——先退出已在运行的 draw.io。自建版本是未签名的macOS Gatekeeper 和 Windows SmartScreen 都会告警属正常现象macOS 的 Quick Look 预览扩展在个人构建中可能不被加载按不支持处理。构建步骤和全部边界条件以 doc/BUILDING_FOR_PERSONAL_USE.md 为准。什么时候换方案只想快速往文档里贴一张图、不需要本地工具链直接下官方二进制别折腾构建。想改编辑器自身逻辑注意 Electron 外壳src/main/和编辑器drawio/子模块是两条路前者改起来直接后者要改子模块再重新打包。另外项目不接受外部 PR自改版本仅供个人使用更新方式也变成拉取 → 重新构建 → 重装。结尾速查表用途命令 / 路径递归批量导出透明 PNGdrawio -x -r --format png --transparent ./diagrams查看全部 CLI 参数drawio -h关闭启动更新检查DRAWIO_DISABLE_UPDATEtrue或--disable-update源码运行clone带--recursive→npm install→npm start个人未签名构建DRAWIO_UNSIGNEDtrue偏好设置与本地缓存macOS~/Library/Application Support/draw.io偏好设置与本地缓存WindowsC:\Users\用户名\AppData\Roaming\draw.io\【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考