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 桌面版是一款免费Apache 2.0 许可的离线绘图工具基于 Electron不联网也能画流程图、UML、网络拓扑图直接导出 PNG、SVG、PDF 等六种格式还支持用命令行批量转换整个目录的图表文件。本文带你完成三件事装好应用、画出并导出第一张图、用一条命令批量转换全程约 10 分钟。桌面版真的不需要联网吗先说最常见的顾虑真的可以离线。启动后唯一的网络请求是版本更新检查关掉的方法见文末浏览器层的 Content Security Policy 禁止执行任何远程脚本你的图表内容不会发到任何地方应用也不收集使用统计。有一点要注意如果图表文件里用 URL 引用了外部图片、背景或字体打开文件时会去请求这些资源以保证渲染正确。打开来源不明的 .drawio 文件相当于向那些 URL 暴露你的 IP——内容本身不外传但内网环境里要留个心眼。从零到第一张图最短上手路径安装方式取决于你手里有没有管理员权限三种里挑一种就行没有管理员权限选.msi装到当前用户目录或no-installer.exe绿色版解压即用有权限、想整机安装选installer.exe装到 Program Files注册文件类型关联想跟进开发版或二次构建需要 Node.js 22.12 以上克隆后直接跑git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start克隆必须带--recursive编辑器本体是个 git 子模块在drawio/目录里缺了它项目打不开。加DRAWIO_ENVdev启动会顺带打开 DevTools调试方便。启动后界面就三块左侧图形库顶部是形状搜索框往下是 General 等分类底部 More Shapes... 展开全部形状、中间画布无限缩放平移底部页签可让一个文件包含多页、右侧属性面板选中元素后调字体、网格、背景、纸张规格。拿到第一个结果最快从图形库拖一个矩形到画布再拖一个用连线工具连起来然后File → Export As → PNG。新建文件时可以直接套用内置模板流程图、UML、网络拓扑存成个人模板后以后新建直接复用。画完的图怎么导出先给结论用途不同格式不同——贴文档用PNG多页用PDF嵌网页用SVG。都在File → Export As里完成。贴进文档的图存成什么格式选PNG导出对话框里能设边距、缩放日常单张导出就到这里不需要别的绕路。多页图表怎么合成一个 PDF格式选PDF勾选All pages文件里每一页按顺序排进同一个 PDF。配合底部页签的一个文件多页架构图和流程图可以放同一个文件里分别维护导出时再合一。导出透明背景怎么做导出对话框勾选Transparent background仅对 PNG、SVG 生效。图要贴到深色底的 PPT 上时这一项能省掉后期抠图。⚡ 一整目录图表怎么批量转换要一次转几十张图别在界面上点——装好的 draw.io 桌面版本身就是个命令行工具drawio -x -r -f png -t ./diagrams-x导出、-r递归子目录、-f png格式、-t透明背景一条命令把./diagrams整个目录递归转成透明底 PNG。其他高频选项--all-pages多页转 PDF、--border 10四周留白、--scale 2输出两倍尺寸、--theme dark深色背景。输入不限于 .drawio 文件——Visio 的.vsdx、.csv、Mermaid 的.mmd都能直接导入转换。完整参数定义在 src/main/args.js跑一下drawio -h可看全部帮助。真实会踩的坑 ❓以下三个问题是被问得最多的每条先给结论。怎么关掉启动时的更新检查环境变量或启动参数二选一设DRAWIO_DISABLE_UPDATEtrue或启动时追加--disable-update。集中管理的部署推荐用参数方便统一管控判断逻辑在 src/main/electron.js 里Flatpak 版本则自行关闭、无需处理。设置和本地缓存在哪都在系统用户目录的一个地方macOS~/Library/Application Support/draw.ioWindowsC:\Users\用户名\AppData\Roaming\draw.io\应用偏好通过 electron-store 持久化也在同一目录里迁移或清理数据时认准这里就行。能改代码自己构建吗能。项目是 Apache 2.0 许可fork 之后设DRAWIO_UNSIGNEDtrue跳过签名和公证就能构建自己的未签名版本完整步骤见 doc/BUILDING_FOR_PERSONAL_USE.md。官方仓库不接受外部 PR自改版本仅供个人使用而且更新方式变成了拉取 → 重新构建 → 重装。【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表