2023-10-03 02:52:39
推荐画图工具:Excalidraw
Excalidraw是一款设计风格简约但功能强大的画图工具,它能够满足各类画图场景的需求,无论是流程图、状态转移图还是架构图等,都能轻松应对。以下是对Excalidraw的详细介绍:
一、界面与操作
Excalidraw的官网是
二、功能特点
图形样式调整:
用户可以根据需要调整图形的样式,包括颜色、线条粗细、填充等,以满足不同的绘图需求。
添加图片与常用功能:
Excalidraw支持添加图片到绘图中,同时提供了擦除、撤回等常用功能,使得绘图过程更加灵活和便捷。
第三方素材库:
通过使用第三方素材库,用户可以直接使用现成的矢量图形,大大节省了自己画图的时间。这一功能对于需要频繁使用特定图形的用户来说尤为实用。
三、图片导出与保存
图片导出:隐氏
Excalidraw支持将绘制的图片导出为多种格式,如PNG、SVG等,方便用户在不同场合下使用。
保存到本地:
用户可以将原文件保存到本地,以便以后拖进来继续编辑。这对于需要反复修改和完善的绘图项目来说非常有用。
升级到Excaldraw+:
如果有预算,用户可以升级到Excaldraw+,这样可以直接把原文件保存到网站中,实现云端存储和分享。
自托管服务:
对于懂编程技烂做术的用户来说,Excalidraw还支持自托管服务,用户可以将图片源文件托管到任何自己指定的地方,实现更加灵活和安全的存储。
四、技术原理
Excalidraw的绘图原理非常有趣。它底层使用canvas实现元素的绘制,但为了避免直接使用canvas晦涩的API,它选择了一个更为上层的库roughjs来实现。当用户绘制图形时,Excalidraw会将这些图形的位置、样式等因素以及与其他图形的关联关系等信息保存为一段json描述。当用户需要再次编辑这些图形时,Excalidraw会将这段json解析出来,并重新绘制出相应的图形。
五、使用示例
以下是一些使用Excalidraw绘制的示例图片,展示了其强大的绘图能力和多样化的应用场景:




六、总结
Excalidraw以其简约的设计风格、强大的功能和灵活的操作方式赢得了众多用户的喜爱。无论是个人还是团队,都可以使用Excalidraw来高效地绘制各种图形,满足不同的绘图需求。如果你正在灶历散寻找一款好用的画图工具,那么Excalidraw绝对值得一试。
七、更多信息
如果你对Excalidraw的实现细节感兴趣,可以访问其GitHub地址