从春节到现在，做了这个东西 🎉

[jezal]

从春节到现在，假期周末都没闲着。
做了个画脑图、流程图的网站。
朋友帮忙搭的基础框架，我接手优化体验。
边学 React 边做，涨知识了、也累惨了。

画图本
https://huatuben.com

功能特色
- 支持画 mindnode 思维导图、流程图
- 思维导图，支持快捷键全键盘操作
- 无需登录注册，直接使用
- 界面干净、操作直接、无广告（我感觉这是最重要的）
- 免费不要钱

其他说明
- 感谢开源，这个项目是用开源代码搭积木搞出来的
- 这个 react 教程很好，我竟然看懂了，强烈推荐
- 教程地址 https://www.bilibili.com/video/BV1wy4y1D7JT

[jezal]

@icodesign 对，流程图用的就是 tldraw 。

[woomly]

界面确实干爽，👍

[kiroli]

不错不错，给执行力点赞

[jezal]

@kiroli 感谢鼓励。和一个后端老伙计结对编程，搞这个项目。我们会持续打磨产品的！

[tan61]

请问 mindmap 是自己写的还是有现成的轮子呢，看到流程图那块是用的 tldraw

[jezal]

@tan61 自己写的轮子

[LinYa]

楼主我想请教一下，笔迹部分是如何实现可粗可细的？我发现用鼠标移动慢，画出来的笔迹就会比较宽。

[jezal]

@LinYa 你去 GitHub 上看源码吧

[LadderPlan]

不错，打开网页很快！发现流程图需要按住鼠标滚轮可以拖动😂

[skys215]

参考：
白板
https://witeboard.com/
https://canvas.apps.chrome/
https://www.tryeraser.com/
http://www.ryeboard.com/
https://www.herewhite.com/
https://xiaohuazhuo.com/
https://www.mural.co/
https://miro.com/

脑图
https://www.zenmindmap.com/
https://mubu.com/
http://mind42.com/

[jezal]

@skys215 看来你研究了不少呀

[jezal]

发布一个小更新：修复了 Firefox 下节点文字错位问题。

[jezal]

发布一个小更新：新增操作按钮 tooltip ，新增快捷键说明 popover 。这样新用户用起来更简单了。
话说，antd react 组件库挺好用呀！

[skys215]

@jezal 没有，我收藏狂魔，各种在线应用都收藏了

[Hjxxx]

界面清爽啊、舒服。习惯性打开开发者模式，console.log 一堆东西。生产出现这个倒不是啥好习惯

[jezal]

@Hjxxx 嗯嗯，感谢提醒，正准备删除。😊

[mango88]

很棒

[jezal]

@mango88 感谢鼓励，如有建议，请随时在这里 @我。

[kafeisemang]

@jezal 能把文件保存到本地吗，比如思维导图存成 xmind 的格式，云端或多或少其实有点不放心

[jezal]

@kafeisemang 可以保存到本地，我此刻正在写导入、导出功能。画图本不会封闭绑用户的模式，计划通过通用格式 freemind （.mm ），和其他同类应用打通。
预计下周内发布，到时将支持和 freemind 、processOn 、Mindnode 、xMind 互通。