画个WebSocket连接状态机图

点几下，3分钟拿到标准WebSocket状态机图。为前端工程师生成标准WebSocket连接状态机图，含创建、打开、关闭、错误、重连等全流程状态及流转箭头；不提供代码实现，不替代网络调试。

能拿到什么

• 推荐：一张排好版、带图例的WebSocket状态机图 PNG，另附一页PDF说明（圆角矩形状态节点，箭头带事件名，重连虚线回连，右下角图例），约 3 分钟
• 旗舰：WebSocket状态机图 PNG、状态说明 PDF、Mermaid 源码

要你点选的几项

画面主体、用在哪、风格、色调、画面比例、要几版/要什么变体、是否含重连逻辑、错误触发来源、节点形状、箭头类型、补充流转细节。多数点一下就行，没选的按常见情况替你定，交付时说清哪几项是按默认的。

怎么办

1. 选清要画的状态和流转条件
2. 点重连方式和风格色调
3. 生成后预览，可让云电脑改
4. 下载PNG放进文档或PPT

别人还这样说

• WebSocket连不上，想画个状态图理清楚重试路径
• 需要给新人讲ws生命周期，得有个标准状态流转图