画布工具

使用画布工具的初衷:
工作过程中有时需要快速绘制流程草图或者记录一些笔记(文字可能不够直观),此时如果有一款工具通过简单的拖拽操作，可以轻松创建分支结构、添加文字说明来快速记录和表达想法就再好不过了。 试用过一些专门绘制流程图或者脑图的工具,对比下来都不太喜欢,不是界面太丑就是操作不太繁，终归是不符合自己的操作习惯。比如draw.io虽然很强大,整体也还能接受,但个人感觉还是有点丑。

于是开始了漫长的工具搜寻历程,最终发现了Excalidraw系列工具

Excalidraw是一个开源的虚拟白板工具，用于绘制草图、图表、流程图和其他图形化元素。用户可以通过简单的绘图工具在空白画布上创建图形，添加文本和标注，以便进行协作、教学或演示。

用起来还不错,而且字体是手写体,感觉很不错,原生工具唯一的遗憾就是不支持中文手写,用了一段时候后实在忍不了了,于是尝试在github上搜搜看有没有大神做了支持中文的,一搜还真有很多.

在试用了众多中魔改版后,挑了一个我认为安装和使用比较原生和简单的(因为别人魔改的可能或多或少的会修改原生的功能或样式)
源码地址

注意

• 需要适配 node yarn ,升级到最新本肯定可以,亲测可用

安装方法如下

Clone the repo

git clone git@github.com:korbinzhao/excalidraw-cn.git

Install the dependencies

yarn

Start the server

yarn start

Now you can open http://localhost:3000 and start coding in your favorite code editor.

部署好后大致长下面这个样子

其实vscode就有插件(现在主要用这种方式)