十年匠心定制 · 商业建站与技术教学双线并行 咨询热线:400-886-1026 service@lmnt.cn
ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

draw.io 桌面版:离线画流程图、10分钟批量导出图表的完整入门指南

draw.io 桌面版:离线画流程图、10分钟批量导出图表的完整入门指南 draw.io 桌面版离线画流程图、10分钟批量导出图表的完整入门指南【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版drawio-desktop是一款基于 Electron 的免费离线绘图工具Apache 2.0 许可当前版本 31.4.2画流程图、UML、网络拓扑图支持 PNG、SVG、PDF、JPEG、XML、HTML 六种格式导出内置命令行可批量转换整个目录的图表文件。所有脚本内置在应用包里不联网也能完整工作从安装到导出第一张图大约需要 10 分钟。谁该用它网页版够不着的两种场景draw.io 桌面版最直接的卖点就两个词隔离离线、本地批量适合内网隔离的团队和图表资产成规模的工程组。第一种场景是机器上不了网。应用里全部 JavaScript 自包含浏览器层的内容安全策略禁止执行远程加载的脚本图表内容不发往任何服务器也不收集使用统计唯一的网络请求是启动时的版本检查而且可以关掉后文进阶部分有开关。第二种场景是图表文件散落在整个仓库里。文档工程里几十个 .drawio 文件与其在网页版逐个点开不如用桌面版的命令行批量渲染成 PNG 做评审缩略图或批量导出 PDF 归档发布。有一个例外要知道如果 .drawio 文件里用 URL 嵌入了外部图片、背景或字体打开文件时会去请求这些地址——这会把你的 IP 暴露给那个 URL但图表内容本身不会外传。官方把安全与隔离列为这个项目的首要目标任何要求默认开启外联的功能都会被直接拒绝。三步装好并画出第一张图Windows 三种包一分钟选对Windows 官方发布三种安装包外加一个 Microsoft Store 版本区别只在是否需要管理员权限installer.exeNSIS 安装器装到 Program Files、整机生效需要管理员权限.msi装到当前用户目录无需管理员no-installer.exe绿色版免安装直接跑但不注册文件类型关联Microsoft Store 的 APPX 版按用户安装同样免管理员macOS 和 Linux 直接取官方发布的二进制包。装完打开应用界面就是三块左侧形状库顶部搜索框加 General 等分类More Shapes... 展开全部、中间支持无限缩放平移的画布底部页面标签一个文件可以放多页、右侧管字体、纸张规格、连接点的属性面板。新建文件套用内置模板流程图、UML、网络拓扑两三分钟就能画出第一张图并导出。想直接跑源码的话先准备 Node.js 22.12 以上环境三条命令git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop npm install npm start--recursive必须带编辑器本体是 git 子模块drawio/目录缺了它项目打不开。设DRAWIO_ENVdev会顺带打开 DevTools 方便调试。完整的自构建与发布流程见 doc/BUILDING_FOR_PERSONAL_USE.md。核心能力拆解4 个高频场景各一条命令单张图导出六种格式界面操作只需一个菜单文件 → Export As选 PNG、SVG、PDF、JPEG、XML、HTML 之一在对话框里设置边距、缩放、透明背景日常单图导出够用。整个目录批量转透明 PNG ⚡安装好的 draw.io 本身就是一个 CLI 工具。把一个目录含子目录的图表递归转成透明底 PNGdrawio -x -r --format png --transparent ./diagrams-x开启导出模式-r递归子目录--transparent只对 PNG/SVG 生效。另外两个高频参数-b 10给图四周加 10 像素留白-s 2输出两倍尺寸。多页图表完整导出 PDF多页图加-a把所有页面都带出来drawio -x -a --format pdf ./flowchart.drawio-a--all-pages只作用于 PDF 和 HTML 格式图片格式默认只导第一页。想要整页而不是按图元裁剪再加--size page-p 2可以只取第 2 页。Visio、CSV、Mermaid 文件直接转换命令行输入不局限于 .drawioVisio 的 .vsdx、.csv、Mermaid 的 .mmd/.mermaid 都能直接作为输入转换。配合--layout还能在导出前自动重排布局内置 6 个预设verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organicdrawio -x --layout radialTree -f png ./orgchart.drawio全部参数超过 30 个完整定义在 src/main/args.js终端跑drawio -h可看全部帮助。30秒找到你的数据本地目录与三个进阶开关应用的全部本地数据都在用户目录下macOS 是~/Library/Application Support/draw.ioWindows 是C:\Users\用户名\AppData\Roaming\draw.io\。应用自身偏好设置通过 electron-store 持久化也在这个目录里迁移或清理数据认准这里。进阶会用到三个开关关启动更新检查设环境变量DRAWIO_DISABLE_UPDATEtrue或启动时追加--disable-update。集中管理的部署环境常用这个。个人自构建项目是 Apache 2.0 许可可以 fork 后修改设DRAWIO_UNSIGNEDtrue跳过代码签名和公证得到一个未签名的个人版本。注意官方仓库长期不接受外部 PR自改版本的更新方式会变成拉取—重新构建—重装。macOS 快速预览官方构建自带 Quick Look 扩展在 Finder 里按空格键就能直接渲染 .drawio 文件不用打开整个应用自构建版本未签名该扩展大概率无法加载视为不可用。常见坑位与解法四个高频问题按现象、原因、解法拆解坑位一第二个进程启动改动全不生效现象启动自己构建的版本新窗口却出现在官方应用里改动看不到原因draw.io 每个用户只允许单实例运行后启动的进程会把窗口直接交给第一个进程逻辑在 src/main/electron.js 的requestSingleInstanceLock解法先彻底关掉官方应用再启动自构建版本坑位二PDF 只出第一页或图片比页面小一圈现象多页图导出 PDF 只有第一页导出的 PNG 边缘紧贴图元原因图片格式默认只导第一页尺寸模式默认diagram按图元内容裁剪解法多页加-a限 PDF/HTML要整页输出加--size page坑位三--transparent 没反应现象命令行加了--transparent导出图仍是白底原因透明背景只对 PNG 和 SVG 有效JPEG 本身没有透明通道解法把输出格式改成 PNG坑位四内网隔离环境打开陌生图表触发外联现象离线环境里打开来路不明的 .drawio 文件出现对外网络请求原因图内用 URL 引用了外部图片、背景或字体打开时需拉取这些资源保证渲染图表内容不发送但请求会向对方服务器暴露 IP解法隔离环境坚持用桌面版而非网页版打开前先检查文件里的外部资源引用README.md 里有许可、安装与安全设计的完整原文src/main/ 目录下则是应用外壳的全部源码想深挖任意行为都可以从这里入手。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表