tldraw 是一款免费开源、可协作的在线数字白板工具，适用于绘图、图表制作和团队协作。

tldraw 基于 TypeScript 语言开发，使用 tldraw 开源协议，项目托管在 GitHub，目前已经获得了 41.6K Stars：

https://github.com/tldraw/tldraw

功能特性

• 绘图功能：提供画笔、橡皮、线条、形状、文本等基础绘图工具，支持颜色、大小、字体等属性设置；也可以上图片、视频等各种传媒体文件。
• 团队协作：支持多人实时协作和聊天，通过共享链接即可共同编辑，也支持只读模式和发布功能。
• 导入导出：支持将作品导出或者复制为 PNG、SVG 等多种格式，也可以导入导出 tldr 文件。
• 定制界面：界面简洁易用，提供暗黑模式、专注模式等，支持快捷键操作。
• 多种形式：既提供在线工具，也支持本地部署或集成到自有项目中。
• 多种语言：提供包括中文在内的多种界面语言。
• 扩展开发：由于其开源特性（编辑器、UI 以及底层库开源），开发者可以深度定制和扩展功能（例如自定义形状、工具）。

在线使用

tldraw 提供了一个在线使用环境，地址如下：

https://www.tldraw.com/

本地安装

使用 npm 安装 tldraw 组件：

npm install tldraw

然后创建以下 TpyeScript 文件：

import { Tldraw } from 'tldraw'
import 'tldraw/tldraw.css'

export default function PersistenceKeyExample() {
	return (
		<div className="tldraw__editor">
			<Tldraw persistenceKey="example" />
		</div>
	)
}

就可以生成以下 tldraw 编辑器：

更多使用细节可以参考官方文档：

https://tldraw.dev/quick-start

另外，tldraw 还提供了 VS Code 扩展插件，直接搜索扩展市场进行安装：

总结

tldraw 是一款轻量级的绘图工具，具有简洁易用、实时协作和开源可定制等优势。