尧图网站设计 尧图网站设计YAOTU DESIGN
ARTICLE DETAIL

资讯详情

深耕网站设计与一线实操的经验洞察。

draw.io 桌面版完整指南:三平台免费画图,6 种格式一键导出

draw.io 桌面版完整指南:三平台免费画图,6 种格式一键导出 draw.io 桌面版完整指南三平台免费画图6 种格式一键导出【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktopdraw.io 桌面版是 draw.io 绘图工具的官方 Electron 桌面应用在 Windows、macOS、Linux 上完全免费。它基于 Apache-2.0 许可个人和公司都能白嫖画流程图、UML、网络拓扑、组织架构图支持导入 Visio 老文件还能用命令行把一整个目录的图表批量导出成 PNG、PDF、SVG 等 6 种格式。这篇文章带你从安装到批量导出走一遍。5 分钟上手装好软件拖出第一张图去官网下载对应平台的安装包Windows 双击、macOS 拖进应用程序、Linux 加执行权限直接跑三分钟装完。启动后界面就四个区域没有学习曲线左侧形状库按分类排列顶部搜索框能按名字直接搜形状中间网格画布拖进来的形状自动对齐网格右侧属性面板改文字、颜色、尺寸都在这里底部页面标签一个文件可以多页操作只有三步把形状拖进画布、双击输入文字、用连线工具连起来。画完按 CtrlS 存成 .drawio 文件——本质是 XML 结构任何一台装了 draw.io 的电脑都能打开。先看四个关键数字版本、许可与构建要求项目说明当前版本31.4.2见 package.json许可证Apache-2.0免费商用、可修改、可再分发底层框架Electron 44源码完整开放构建要求从源码构建需 Node.js 22.12 及以上关于网络只有一条规则应用唯一主动联网的时机是启动时检查更新图表数据从不离开你的电脑也不上报任何使用统计。安全策略CSP甚至禁止加载远程 JavaScript。在公司内网需要彻底断网的话有两个开关# 启动参数 drawio --disable-update # 或环境变量 export DRAWIO_DISABLE_UPDATEtrue更多安全细节见 README.md 的 Security 一节。挑对安装包官方包与源码三种装法Windows三种形态对号入座形态安装方式适合谁.exe 安装版NSIS装到 Program Files需要管理员权限个人办公机.msi按用户安装到用户目录不需要管理员公司管控的电脑免安装版解压即跑不注册文件关联无权限机器、U 盘便携另外Microsoft StoreAPPX版也支持按用户安装、无需管理员。macOS 与 LinuxmacOS.dmg 磁盘映像挂载后拖入应用程序即可LinuxAppImage加执行权限直接跑、deb、rpm、snap 四种形态团队标准化环境推荐走包管理器从源码跑开发者三步走核心编辑器是一个 git 子模块克隆时必须带--recursive否则构建会失败git clone --recursive https://gitcode.com/GitHub_Trending/dr/drawio-desktop cd drawio-desktop npm install npm start完整的个人构建流程含签名说明、各平台打包命令、更新 fork 的方法写在 doc/BUILDING_FOR_PERSONAL_USE.md照着做就行。它最擅长画的五类图流程图与业务 SOP产品经理梳理流程、给非技术同事讲系统是它的主场。从 General 分类拖形状、加箭头连线十分钟一张图。画乱了不要紧命令行加一条--layout就能自动摆正版面见下文进阶部分。网络拓扑与 Visio 老文件迁移运维画服务器部署、机房架构。如果你手里有公司遗留的 Visio 文件.vsdx可以直接导入继续编辑形状和连线都保留不用手工重画。UML 与软件设计类图、时序图、状态图。设计评审前导出 PNG 贴进文档评审意见改完再导一次流程闭环。组织架构图HR 材料、新员工介绍、汇报线说明。一人一个方框层级关系一眼看清导出 PNG 直接贴进 PPT。用代码和数据画图Mermaid 语法的.mmd/.mermaid文件会自动渲染成可编辑图表CSV 数据也能直接导入生成图表。对工程师来说最实用的点图可以像代码一样写、可以进版本库、改起来可复现。命令行批量导出6 种格式一条命令处理整个目录draw.io 桌面版不只是 GUI它本身就是一个 CLI。装好后在终端用drawio命令配合-x导出就能批量干活# 单文件导出为 PNG drawio -x -f png flow.drawio # 递归导出整个目录里的所有图表为 PDF drawio -x -r -f pdf diagrams/6 种导出格式怎么选格式参数最适合PDF-f pdf打印、正式分发注意这是默认格式PNG-f png贴网页、文档、演示文稿SVG-f svg矢量缩放不失真字体默认内嵌JPG-f jpeg通用图片文件更小XML-f xml结构化数据方便程序处理HTML-f html生成可交互查看的网页常用调参就这几个参数作用-p 2只导出第 2 页-b 10四周加 10 像素边距-s 2放大 2 倍再导出更清晰-tPNG/SVG 透明背景-e在输出里嵌入图表源码--cropPDF 裁到图表大小还有个大杀器--layout导出前自动整理版面内置 6 种算法——verticalFlow、horizontalFlow、verticalTree、horizontalTree、radialTree、organic。所有参数的完整清单包括页面范围、缩放、主题、HTML 查看器选项可以直接看 src/main/args.js 源码每个参数都有注释。四个坑先知道再上手现象原因解法换版本后界面没变同一用户只允许一个运行实例新进程会在旧进程里开窗口先彻底退出已运行的 draw.io 再启动新版本导出的文件是 PDF 不是 PNG命令行默认导出格式就是 PDF显式加-f png自己构建的版本被系统拦个人构建没有代码签名官方安装包才有签名用官方安装包坚持自建则按提示手动放行图打开后加载了外部图片泄露 IP图表里若嵌了网络 URL打开时会去请求该资源只打开可信来源的图表文件最后一条来自 README.md 的安全说明图表数据本身不会外传但图表里嵌入的远程媒体图片、背景、字体会在打开时加载所以别随便打开来路不明的 .drawio 文件。现在就装起来装好对应平台的安装包新建文件拖几个形状进画布存成 .drawio 或导出 PNG 发给同事——10 分钟后你的第一张流程图就能发出去。 彻底免费Apache-2.0 许可无订阅、无功能阉割 ️ 三平台通用同一份 .drawio 文件在 Windows、macOS、Linux 无缝互开 数据留在本地图表不离开你的电脑更新检查可一键关闭 ⚡ 命令行批量处理一条drawio -x -r导出整个目录6 种格式任选【免费下载链接】drawio-desktopOfficial electron build of draw.io项目地址: https://gitcode.com/GitHub_Trending/dr/drawio-desktop创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考
返回列表