Web源码：一款协作数字白板

安装与使用

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

export default function () {
	return (
		<div style={{ position: 'fixed', inset: 0 }}>
			<Tldraw />
		</div>
	)
}

安装依赖项：yarn

启动本地开发服务器：yarn dev

打开位于 的示例项目localhost:5420。

该存储库的内容分为四个主要部分：

• /apps包含我们的应用程序的源代码
• /packages包含我们公共包的源代码
• /scripts包含用于构建和发布的脚本
• /assets包含应用程序依赖的图标和翻译
• /docs包含我们的文档的内容

包结构

• assets：一个使用 tldraw 字体和翻译的库
• editor：tldraw 编辑器
• state：信号库，也称为signia
• store：内存反应式数据库
• tldraw：包含编辑器和 UI 的主 tldraw 包
• tlschema：形状定义和迁移
• utils：其他库共享的低级数据实用程序
• validate：用于运行时验证的验证库