RMind - 基于 React Hooks 和 flex 布局的思维导图
一个完全使用 React Hooks 和 flex 布局实现的思维导图工具，仅在连接线绘制时使用 canvas。支持键盘操作、拖拽、快捷键、撤销重做等功能，代码简洁仅依赖 md5 和 html2canvas 两个库。
• Copy the embed code to showcase this product on your website
• Share on X to spread the word about this amazing tool
项目地址：https://github.com/Mongkii/RMindDemo 地址：https://mongkii.github.io/RMind/不同于常见的基于 canvas 或 svg 的在线思维导图，这个思维导图使用 flex 布局实现，仅在绘制各节点的连接线时使用了 canvas。项目完全使用 React Hooks 搭建，整个程序里看不到一个非箭头函数。一共只调用了两个功能库，md5 和 html2canvas。手撸实现了思维导图的大部分功能：键盘操作、拖拽、快捷键、撤销重做等。希望能通过这个项目和大家互相学习～