绿只染线与箭头

邵允辙给接口文档画支付链路，"配色"四档里取"商务绿 #10A86B"，余下是"科技蓝 #2F6BFF"、"活力橙 #FF8C3A"、"石墨黑 #374151"。换色走 change 实时重绘，画布里三条竖生命线和箭头跟着变绿。面板提示还显示带尖括号的字面文本，那是文本节点没解析标签，不影响出图。

配色选「商务绿 #10A86B」

八行脚本写全链

"时序图脚本"里写 3 个 participant：收银端、订单服务、支付网关，后面是"提交订单"、"创建支付单"、"返回支付凭证"、"支付受理成功"四条消息，中间夹一条 Note over 校验签名与金额。边敲边出图，实线与虚线箭头按写法分开画。

脚本框写 3 个参与者、5 条消息和 1 条备注

右侧"解析结果"是真会刷新的只读框，逐字给出参与者 3 个 · 消息 4 条 · 备注 1 条，还列了 U = 收银端、O = 订单服务、P = 支付网关。图注写的是 5 条消息，两处数字对着看别替它调和。备注只写一条，写多了源码里会落在同一个高度上重叠。

看画布中的生命线与箭头，核对右侧「解析结果」统计

点"导出 PNG"得到时序图.png，71898 字节、1480×836。画布标称 900×520，成图却按参与者与消息数撑高，不是简单翻倍，别硬算成 1800×1040。导出 SVG、复制脚本这次没点。邵允辙把图交给文档，脚本刷新就没了。

点「导出 PNG」保存时序图.png

企业知识网（ www.qiyezhishi.com ）提供的结果为参考性内容，不构成法律、税务或投资建议。具体请以主管部门口径与最新法规为准。

本文作者

马慧，企业知识网站长，10年+SEO/GEO经验，精通白帽SEO与网站优化，擅长全网营销与短视频引流，曾打造日均万IP的SEO博客（小小课堂网）、十万IP泛流量资讯网站（错误博客）。自川来熟食连锁店长，5年熟食生产与管理经验，精通抖音本地生活服务运营。