D2 导出完全指南:3 条命令出 SVG、PNG、PDF
D2 导出完全指南3 条命令出 SVG、PNG、PDF【免费下载链接】d2D2 is a modern diagram scripting language that turns text to diagrams.项目地址: https://gitcode.com/GitHub_Trending/d2/d2要给产品文档补一张系统架构图用 D2 写几行文本一条命令就能转成 SVG、PNG 或 PDF导出功能直接覆盖网页嵌入、社媒分享和打印文档三类场景。本文带你从最小示例跑到批量输出。快速上手写一个 5 行的脚本diagram.d2direction: right 用户: user { shape: person } 前端: web 后端: api { shape: cylinder } 用户 - 前端 - 后端安装后执行输出格式由文件扩展名决定d2 diagram.d2 diagram.svg生成的diagram.svg可直接双击查看。仓库里还有更多脚本参考见 示例目录。按场景选格式网页嵌入用 SVG。矢量无损任意缩放不糊配--no-xml-tag可直接内联进 HTML。d2 diagram.d2 page.svg --no-xml-tag社交分享 / 贴图用 PNG。默认带透明背景直接拖进 PPT 或聊天窗口就能发。d2 diagram.d2 share.png打印文档 / 报告用 PDF。保留矢量线条打印不放大不模糊。d2 diagram.d2 report.pdf动态演示脚本里写了多个 boardlayers/steps/scenarios时导出 GIF每 1 秒切换一帧。d2 diagram.d2 demo.gif --animate-interval 1000另外两种备选--stdout-format ascii输出纯文本图适合贴进终端日志--stdout-format png - out.png可把结果重定向到管道。常用参数速查参数作用--pad 40图形四周留白像素数默认 60--theme 6按编号换配色主题0是默认完整列表见 d2themes--dark-theme 6浏览器处于深色模式时使用的主题编号--scale 0.5整体缩放输出尺寸0.5即减半--animate-interval 800多 board 合成一个 SVG/GIF 动画的切换间隔毫秒--sketch手绘风格渲染演示稿里更讨喜--layout elk切换布局引擎复杂大图可试elk批量导出多种格式一个循环即可for ext in svg png pdf; do d2 diagram.d2 diagram.$ext; done导出不出图先看这三处现象报语法错误文件没生成。原因D2 脚本本身写错了。解法先跑d2 validate diagram.d2它会指出出错行修好再导出。现象命令跑完但没有输出文件。原因扩展名不是svg/png/pdf/pptx/gif/txt之一或被中途超时打断。解法检查输出文件名扩展名大图加大--timeout 300默认 120 秒。现象PNG 模糊或尺寸不对。原因导出时用了默认渲染尺寸。解法加--scale 2放大一倍分辨率再导出。拿不准选哪个格式时优先导出 SVG——后续转 PNG 或 PDF 随时可以反向则不行。【免费下载链接】d2D2 is a modern diagram scripting language that turns text to diagrams.项目地址: https://gitcode.com/GitHub_Trending/d2/d2创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考