news 2026/9/9 12:33:20

draw.io 桌面版:离线画流程图,10 分钟批量导出整个目录的图表

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
draw.io 桌面版:离线画流程图,10 分钟批量导出整个目录的图表

draw.io 桌面版:离线画流程图,10 分钟批量导出整个目录的图表

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop

draw.io 桌面版是一款免费(Apache 2.0 许可)、完全离线的流程图工具,基于 Electron(开源桌面应用框架),用来画流程图、UML、网络拓扑图,也能用命令行把一个目录的图表批量转成 PNG/SVG/PDF。全部脚本内置在应用包里,断网也能完整工作。照本文操作,10 分钟画出并导出第一张图,批量转换一条命令搞定。

快速上手:10 分钟画出并导出第一张图

从官方 Releases 页面下载安装包,装好之后 10 分钟就能拿到第一张导出的图。

  1. 按权限选安装包:Windows 上有 3 种——installer.exe(整机安装,需管理员)、.msi(只装当前用户,免管理员)、no-installer.exe绿色版(免安装免权限)。先说结论:没有管理员权限就选后两种。
  2. 安装后打开(绿色版直接双击运行),界面是三块:左侧形状库、中间画布、右侧属性面板。
  3. 从左侧库把矩形、菱形拖进画布,用箭头连起来,就是一张流程图。
  4. 文件菜单 → Export As → 选 PNG → 保存,第一张图完成。

离线批量转换:一条命令把整个目录的 .drawio 转成 PNG

装好的 draw.io 本身就是命令行工具,批量转换一个目录只需要一行命令。

drawio -x -r --format png --transparent ./diagrams

-x启动导出,-r递归子目录,--transparent透明背景(仅对 PNG/SVG 生效)。其他高频选项:-a导出全部页面(PDF/HTML),-b 10四周加 10 像素留白,-s 2输出两倍尺寸,--theme dark深色背景。

输入不局限于 .drawio:Visio 的 .vsdx、.csv、Mermaid 的 .mmd 都能直接转换。全部参数定义见 src/main/args.js,运行drawio -h可看完整帮助。

导出单张图:PNG、SVG、PDF 等 6 种格式

单张图走界面比命令行更快。

文件菜单 → Export As,选 PNG、SVG、PDF、JPEG、XML、HTML 六种格式之一,对话框里可设边距、缩放、是否透明背景,日常够用。

图片格式默认只导第一页:想换页用-p指定页码,要整份多页就导 PDF 并加-a

完全离线运行:图表数据不外传

默认情况下,应用不会把图表内容和任何使用统计发到网络上。

所有 JavaScript 都内置在应用包里,内容安全策略(CSP,浏览器里阻止加载外部资源的规则)明确禁止执行远程加载的脚本。唯一的网络请求是启动时的版本检查,可随时关闭(见下节进阶)。

有一个例外:如果 .drawio 文件里用 URL 嵌入了外部图片、背景或字体,打开文件时应用会请求这些地址以保证渲染正确。所以打开来源不明的图表文件,相当于把 IP 暴露给那个 URL——图表内容本身不会外传。

进阶:自构建、关闭更新检查、本地数据在哪

想关更新、改应用或清理数据,看下面三处即可。

关更新检查:设环境变量DRAWIO_DISABLE_UPDATE=true,或启动时追加--disable-update,集中部署的场景常用。

本地数据:macOS 在~/Library/Application Support/draw.io,Windows 在C:\Users\<用户名>\AppData\Roaming\draw.io\;偏好设置通过 electron-store(内置的配置持久化库)存在同一目录,迁移或清理数据认准这里。

自构建需要 Node.js 22.12 以上。编辑器本体是 git 子模块(git 的子仓库机制,位于drawio/目录),clone 必须带--recursive

git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop

然后npm installnpm start即可启动,设DRAWIO_ENV=dev会顺带打开 DevTools 方便调试。自构建是未签名的:设DRAWIO_UNSIGNED=true跳过签名和公证。官方仓库不接受外部 PR,自改版本仅供个人使用,详见 doc/BUILDING_FOR_PERSONAL_USE.md。

避坑清单:6 个容易踩的坑

下面每个坑原因固定,一句话就能解决。

  1. 启动自构建版本改动不生效 → draw.io 每个用户只允许单实例运行,第二个进程只会把窗口开进第一个进程 → 先关掉官方应用再启动自构建版。
  2. 导出的图只有第一页 → 图片格式默认只导出第一页 → 用-p指定页码,或导 PDF 加-a出全部页面。
  3. 透明背景没生效 →--transparent只对 PNG 和 SVG 有效,JPEG 没有透明通道 → 改导 PNG。
  4. clone 了仓库但项目打不开 → clone 时漏了--recursive,drawio/ 目录下的编辑器子模块没拉下来 → 重新带--recursive克隆。
  5. macOS 自构建版在 Finder 按空格没有预览 → 未签名的自构建通常加载不了 Quick Look 预览扩展 → 自构建版直接视为没有预览功能。
  6. 打开图表文件时发起了外部请求 → 图表里嵌了 URL 引用的图片或字体,打开时会请求 → 隔离环境不要打开来源不明的图表文件。

收尾

draw.io 桌面版是图表完全离线、数据不外传、又能批量导出的一条官方路径:单张走界面,批量走命令行,离线是默认行为。

更多细节看 README.md、CLI 参数定义 src/main/args.js、自构建步骤 doc/BUILDING_FOR_PERSONAL_USE.md。

【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/9/9 12:32:59

MCP+Godot+AI视频:构建恐怖游戏过场动画的半自动流水线

在恐怖游戏项目中&#xff0c;过场动画的制作往往比核心玩法更耗时。一段 30 秒的过场&#xff0c;可能同时涉及镜头路径、灯光闪烁、雾气流动、血迹扩散、角色动作、字幕节奏和镜头抖动等多个层。更麻烦的是&#xff0c;很多氛围素材是高度重复的&#xff1a;雾气、灰尘、血迹…

作者头像 李华
网站建设 2026/9/9 12:31:51

MFC自绘复选下拉框CCheckComboBox实现详解

简介&#xff1a;面向需要在VC程序中实现复选下拉框的开发者&#xff0c;基于VS2008 SP1环境编写&#xff0c;核心为CheckComboBox.h与CheckComboBox.cpp两个文件&#xff0c;提供了可直接使用的CCheckComboBox组件。针对作者在模态对话框使用中遇到的多次进入后无法正常选择的…

作者头像 李华
网站建设 2026/9/9 12:31:12

CAD图纸嵌入TinyMCE的矢量方案:从SVG到富文本的工程实践

1. 从“粘贴一篇工艺文档”说起&#xff1a;CAD图纸进TinyMCE的真实困境芯片制造企业的知识管理平台、工艺文档系统、内部Wiki里&#xff0c;每天都有大量的作业指导书、流程规范、异常分析报告在流转。这些文档有一个共同的硬需求&#xff1a;把CAD图纸贴进去&#xff0c;而且…

作者头像 李华
网站建设 2026/9/9 12:31:02

软件工程毕设效率提升:8款AI工具实战指南

写软件工程方向的毕设&#xff0c;最累的不是某个技术难点&#xff0c;而是“论文代码”双线作战&#xff1a;这边要处理实时的Bug&#xff0c;那边要憋一章需求分析&#xff1b;这边测试报告还没跑完&#xff0c;那边导师已经在催文档格式。以前这些事基本靠硬扛&#xff0c;但…

作者头像 李华
网站建设 2026/9/9 12:30:43

抖音短视频数据分析与可视化全流程实战解析

做毕设选了“大数据抖音短视频数据分析与可视化”这个方向的同学&#xff0c;我先把话说在前面&#xff1a;这个选题放在今天看&#xff0c;依然是一个性价比很高的选择。它把大数据生态里最常被面试官问到的几个组件&#xff08;Hadoop、Spark、Hive、Flume、Kafka、ECharts&a…

作者头像 李华