爆肝 1 周,为我的白板工具支持了 mermaid 流程图,为 ai 生成流程图铺平道路

朋友们好,前一段时间在博客园推荐了我的白板工具 Drawnix,得到了很多朋友的支持,非常感谢,最近 Drawnix 又有了一些重要更新,其中最实用的应该是支持 mermaid 语法的流程图了。

这是一个我非常喜欢、使用度也很高的功能,通常大家可以借助 ai 工具生成 mermaid 语法的流程图(deepseek、monica 等等都可以),然后通过 Drawnix 白板的 「Mermaid 到 Drawnix」功能将流程图渲染到白板上,目前 drawnix 可以直接识别支持识别流程图、序列图、类图,识别语法后可以在白板上修改编辑内容,这个还是很不错的。对于不支持的 mermaid 语法会降级处理成了图片渲染在画板上。

在你问问题的后面加上一句: "使用 mermaid 图标说明",ai 就可以输出标准 mermaid 语法的流程图了。

粘贴到左侧的输入框 => 点击插入,就可以将解析的流程图插入的画板中。

下一步应该会做识别 md 格式的数据转化为思维导图,这也将是一个很实用的功能。

欢迎各位朋友试用、提出宝贵意见,在线地址:https://drawnix.com

也欢迎 star 支持 GitHub - plait-board/drawnix: 开源白板工具(SaaS),一体化白板,包含思维导图、流程图、自由画等。All in one open-source whiteboard tool with mind, flowchart, freehand and etc.

 

原创作者: kongkonglonglong 转载于: https://www.cnblogs.com/kongkonglonglong/p/18812511
### 使用Mermaid语言生成流程图工具 #### 在线编辑器 为了方便用户创建和预览由Mermaid语言编写的图表,存在多种在线编辑平台。其中最官方且推荐使用的当属Mermaid Live Editor[^1]。该网站提供了一个简洁易用的界面,在左侧输入框内键入遵循Mermaid语法的文字描述;右侧则即时渲染对应的图形表示形式。 ```mermaid graph TD; A[0. 开始] --> B[1. 无人机起飞]; B --> C[2. 调整至适当飞行高度]; C --> D[3. 启动摄像头和传感器]; D --> E[4. 扫描区域寻找目标物体]; E -->|发现物体| F[5. 调整无人机位置确保最佳视角]; E -->|未发现物体| G[6. 继续搜索直到发现或任务取消]; F --> H[7. 捕获高清图像/视频]; H --> I[8. 应用图像识别算法识别物体]; I -->|识别成功| J[9. 记录物体位置和相关数据]; I -->|识别失败| K[10. 重新调整无人机位置并重试]; J --> L[11. 完成任务,返回基地]; K --> E; G --> L; ``` 此段代码展示了如何定义一个简单的决策树结构来指导无人驾驶飞机执行特定的任务流。通过这种方式可以轻松构建复杂度各异的工作流程模型[^4]。 除了上述提到的功能外,还有其他第三方应用支持集成Mermaid图表生成功能,比如某些流行的IDE(如Visual Studio Code)、办公软件(像Microsoft Word)以及演示文稿制作程序(例如PowerPoint),这些都极大地方便了开发者和技术写作者们在不同场景下的需求满足[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值