Excalidraw一款超赞的开源白板工具,基于这个项目我们可以轻松定制自己的白板,思维导图,原型草图设计,流程图工具等,适用于多种操作系统,并且可以嵌入到其他应用中,为团队协作和个人创意记录提供了强大的支持。
1、支持多种形状,包括矩形、圆形、菱形、箭头、线条等。
2、提供本地化支持(i18n),使来自不同国家和语言的用户可以使用它。
3、Excalidraw的成品可以导出到PNG、SVG文件,可以复制到剪贴板,以及文本源码形式的.excalidraw json文件
1、新建 excalidraw 绘图
完成插件安装后,可以在任一文件夹点击鼠标右键 - 新建 excalidraw 绘图,或者点击最左侧 excalidraw 图标,新建绘图
当然也可以 ctrl + p,输入 excalidraw 命令新建绘图
鼠标右键创建的绘图会保存于当前文件夹下,而点击左侧图标或是通过命令创建的绘图会保存于根目录下 (默认),也可以通过 excalidraw 插件的设置进行自定义
2、Excalidraw 命名
在 excalidraw 设置 - 文件名 中可进行自动生成名称更改
包括前缀,中间部分,和日期时间,扩展名等
2.1、兼容性设置
建议关闭旧格式相关选项,以旧格式创建的 excalidraw
绘图因为是. excalidraw 文件,而非. md 文件,无法在库内搜索到
2.2、模板设置 Template
文件夹中创建 Template 模板文件,设置中保存模板文件位置,注意 Template 文件后缀,新格式与扩展名都会影响,如果是新格式,且后缀名为. md,直接用名字即可,设置模板文件后,新建绘图其实就是复制模板文件
3、画板移动与缩放
使用 ctrl + 鼠标滚轮 / 鼠标滚轮进行缩放,左下角会显示缩放比例,点击可自动恢复到 100%
其效果可在第三方插件配置的 显示 中进行更改
按住 空格 + 鼠标左键,可在当前缩放等级下进行自由拖动
其效果等于选择上方功能条的 hand tool
4、选择和删除
鼠标左键单击进行选择,无背景图形需要点击边框进行选择
shift + 鼠标左键点击,进行多选
或者按住鼠标左键,拖动进行框选
选择后点击 delete 键 / backspace 退格键,可删除所选
5、图形绘制
使用鼠标选取或数字键选取,按住鼠标左键拖动绘制图形,包括 四边形、菱形、圆形、箭头、线段五类
注意,绘制箭头时,箭头与图形之间有附着区,在此区域内开始 / 结束箭头绘制,可以使箭头跟随图形移动,线段则无此功能 (同时箭头形态可以通过 Arrowheads 自定义)
6、图形样式调整
在按住鼠标左键拖动框选,或者点击有线条部分选中图形后,左侧会自动呼出样式调整界面 (默认情况)
改变图形边线或线段的颜色,点击右侧颜色区域可进行进一步精细调整,选取不同颜色 (其固定色板颜色调整将在后文说明)
你也可以使用十六进制颜色编码,或者取色器进行颜色修改
图形内部颜色填充,其颜色修改与上文中 stroke 的颜色修改机制类似
支持手绘风格的草图设计
支持流程图, 思维导图的设计
支持多人协同
支持会议白板, 激光笔标注
支持多种导出格式
支持二次开发
1、Excalidraw采用手绘风格,线条自然带有些许抖动,这种风格不仅让技术图表更有亲和力,还能激发创造力。
2、支持多人实时协作,用户可以同时编辑同一份图形,实时查看对方的编辑动态,提高团队协作效率。
3、可以在各种现代浏览器上运行,并且适配移动设备,方便用户在任何地方使用2。