文本即图。代码高亮编辑、实时预览、画布无限缩放平移、一键导出 SVG / 高清 PNG。引擎本地化加载 + 多镜像回退，断网也能用内置自研引擎绘制 Flowchart。
输入 Mermaid 语法，预览将实时呈现
面向安全从业者与技术写作者的完整绘图工作流：编辑、预览、导出、存档，全流程本地完成。
本地 mermaid.min.js → npmmirror → jsDelivr(fastly/gcore) → unpkg.zhimg → unpkg 依次尝试，记住上次成功源；全部失败时启用自研 Flowchart 引擎，断网也能画图。
Mermaid 专属语法高亮、行号、Tab 缩进、括号自动配对、Ctrl+Enter 手动渲染、草稿自动保存与 30 份历史快照，误删可回滚。
滚轮/双指缩放、拖拽平移、适应窗口、实际大小，大图小屏都能看清；浅色 / 深色 / 中性三套主题一键切换并同步到导出。
矢量 SVG 无损导出，PNG 支持 1x–4x 倍率渲染（默认 2x 高清），适合报告配图、PPT 与取证文档印刷场景。
内置流程图、钓鱼事件应急响应、AiTM 时序图、演练甘特图、ER/类/状态/饼图/思维导图模板，一键插入即刻改图。
全部代码与数据仅在浏览器本地处理，不上传任何内容；移动端提供代码/预览标签切换、汉堡导航与单列页脚，手机上也能完整作图。
自研离线引擎完整支持下列 Flowchart 子集；完整引擎可用时支持 Mermaid 全部图表类型。
flowchart TD
A[矩形] --- B(圆角矩形)
B --- C{菱形判断}
C --- D((圆形))
D --- E[[子程序]]
E --- F[(数据库)]
A --> B 实线箭头 A --- B 实线 A -.-> B 虚线箭头 A ==> B 粗箭头 A -->|确认钓鱼| B 线上文字 A -- 确认钓鱼 --> B 线上文字(写法二)
flowchart LR
subgraph 处置层
A[封禁域名] --> B[全员预警]
end
subgraph 研判层
C[样本取证] --> D[情报比对]
end
D --> A
style C fill:#fff3ed,stroke:#ff6b35 style A fill:#e8f1ff,stroke:#1a6eff %% 支持 fill / stroke / color %% 注释以两个百分号开头