D2 文本导出 SVG 完整指南：6 种格式与 6 个参数一次讲清

D2 文本导出 SVG 完整指南6 种格式与 6 个参数一次讲清【免费下载链接】d2D2 is a modern diagram scripting language that turns text to diagrams.项目地址: https://gitcode.com/GitHub_Trending/d2/d2技术文档要配架构图但你不想每次改动都重新打开绘图工具拖半天。D2 是一款现代图表脚本语言把几行文本直接 D2 导出 SVG也支持 PNG、PDF、PPTX、GIF 和终端 ASCII 六种格式。改几个字就能重新生成图表这就是它和传统画图工具最大的不同。D2 一句话定位把画图变成写文档传统流程是打开绘图软件、拖图形、调对齐改一处全局乱。D2 反过来你写文本它负责排版和渲染。类比一下就像用 Markdown 替代 Word 排版——内容变了重跑一遍命令就行图表还能直接放进 git 做版本管理。快速上手3 条命令导出第一张 SVGecho x - y - z in.d2 # 一行文本3 个节点连成 1 条线 d2 in.d2 out.svg # 导出 SVG浏览器打开 out.svg 看效果 d2 --watch in.d2 out.svg # 实时模式改 in.d2 自动重新渲染并刷新输出格式由目标文件后缀决定不写后缀时默认导出 SVG。复杂到系统架构级别的图也只是一个.d2文本文件导出后就是上面这张图。按场景导出SVG、PNG、PDF、PPTX 与 GIF网页和文档嵌入默认导出 SVGd2 in.d2 out.svgSVG 是矢量格式缩放不糊嵌进 Markdown 或网页最通用建议作为默认选择。报告和打印导出 PDFd2 in.d2 out.pdfPDF 里的图形同样是矢量打印和正式文档场景不担心清晰度。演示文稿直接导出 PPTXd2 in.d2 out.pptx拿到手就是 PPT 文件不用先导出 PNG 再手动插幻灯片这一步。社媒分享PNG 记得加边距d2 --pad 80 in.d2 out.png--pad控制画布四周的留白像素默认 64截图贴到卡片或社媒上不会顶到边。多步骤演示导出 GIF 动画d2 --animate-interval 1500 in.d2 out.gifD2 文件里有多个 board 时GIF 按 1500 毫秒一个依次播放不写这个参数默认 1000 毫秒。SVG 输出也支持同样的动画参数。布局引擎怎么选Dagre 还是 ELK同一份文本不同布局引擎排出来的结果不一样--layout就是切换开关。d2 --layout elk in.d2 out.svgDagre默认分层布局来自 Graphviz 的 DOT 算法思路有向流程图画出来就规整不指定引擎时用它。ELK专为带方向、带端口的节点连线图设计图复杂或 Dagre 排得乱时换它试试。不确定装没装对引擎时跑d2 layout列出当前所有可用布局引擎。常用参数速查只列真正会用的名称作用推荐取值--watch监听输入文件变化并实时重新渲染画图过程中开着--layout选择布局引擎默认dagre复杂图试elk--theme按 ID 套用主题配色先跑d2 themes查 ID--dark-theme浏览器深色模式下的主题仅 SVG 输出有效--pad画布四周留白像素默认 64贴边就调大--animate-interval多 board 转场间隔毫秒GIF 默认 1000仅 SVG/GIFfmt/validate子命令格式化 / 校验.d2文件团队协作时提交前跑一遍容易踩的坑4 个高频问题--dark-theme导出的 PDF 没变深色→ 该参数只对 SVG 生效导出其他格式时会静默忽略有警告日志→ 想要深色版就导出 SVG或者在文本里直接写深色样式。--animate-interval报错→ 这个参数只支持 SVG 和 GIF 两种格式传 PNG 等格式会直接报错 → 动画演示就导出 GIF 或 SVG。图越画越乱→ 默认引擎 Dagre 不是万能的 → 显式换引擎d2 --layout elk in.d2 out.svg再不行就调整文本里的嵌套结构。PNG 四周贴边不好看→ 输出贴住画布边缘 → 加--pad 80之类参数加留白。怎么选一张表定格式你要做什么导出成嵌进网页或 Markdown 文档.svg默认打印报告、正式材料.pdf放进 PPT 演讲.pptx社媒、聊天分享.png配--pad多步骤动画演示.gif配--animate-interval拿不准就导 SVG可缩放、体积小、任何地方都能用。下一步主题 ID 用d2 themes命令现查现用主题配色逻辑在 d2themes/ 目录安装细节看 docs/INSTALL.md渲染器代码在 d2renderers/。没有环境的话先 clone 仓库跑一遍git clone https://gitcode.com/GitHub_Trending/d2/d2从x - y - z练起十分钟就能导出第一张能放进文档的 SVG。【免费下载链接】d2D2 is a modern diagram scripting language that turns text to diagrams.项目地址: https://gitcode.com/GitHub_Trending/d2/d2创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考