产品亮点
画布和内容全部是React组件，用HTML和CSS渲染
高性能，可操作数千对象并适配桌面、平板、移动端
tldraw sync支持实时协作，也可接入自有后端
可添加图像、视频和其他网站，支持导出
免费版本带水印，付费去水印
你能用它做什么
- 在产品中嵌入协作白板功能
- 构建基于画布的交互体验
- 用自定义工具和交互扩展画布能力
怎么用
- 1 在终端运行npm install tldraw安装包
- 2 在React应用中导入tldraw的CSS样式
- 3 在组件中渲染Tldraw组件
- 4 参考快速入门指南和示例完善功能
- 5 需要协作时接入tldraw sync或自有后端
- 6 遇到问题通过邮件或Discord社区寻求支持
适合谁使用
要在产品里加白板功能的前端团队需要画布交互的Web应用开发者做设计工具和协作产品的技术团队
优点
- 组件化程度高，接入React项目顺畅
- 实时协作能力开箱可用
- 自定义空间大，工具和交互都能扩展
局限
- 免费版带水印，商用需评估付费成本
- 需要React开发能力，非技术用户用不上
- 功能面广，上手到熟练要花时间读文档
tldraw.dev 是什么
tldraw.dev是一个为React开发者设计的无限画布SDK，包含组件、API和服务，开发者可以用它在产品中添加协作白板功能，或构建新的基于画布的体验。它的画布和所有内容都是React组件，用常规HTML和CSS渲染，支持创建和操作数千个对象，并针对桌面、平板和移动设备做了优化。免费版本带水印，付费版本可去水印并获得额外支持。
你能用它做什么
- 在产品里嵌入协作白板
- 构建画布类的交互体验
- 添加图像、视频和其他网站到画布
- 用自定义元素、工具和交互扩展能力
- 通过tldraw sync或自有后端实现实时协作
适合谁使用
- 要在产品中加白板功能的前端团队
- 需要画布交互的Web应用开发者
- 做设计工具和协作产品的技术团队
需要留意什么
免费版带水印，正式上线前要评估付费成本和授权范围。它面向React开发者，需要一定的前端工程能力，非技术团队用不起来。功能面很广，从能跑到熟练要花时间读文档和示例，实时协作还要考虑后端架构和同步成本，接入前建议先做小规模验证。
常见问题
tldraw怎么收费？
它提供免费但带水印的版本，付费版本可去除水印并获得额外支持。
一定要用React吗？
它面向React开发者，画布及内容都是React组件，使用常规HTML和CSS渲染。
能用自己的后端做协作吗？
可以。除了tldraw sync，官方也支持使用自己的后端实现共享体验。
为什么说它免费
官网写明的免费方式： 免费
免费额度、试用天数与功能范围由官网决定，随时可能调整，请以官网为准。
产品截图
截图归档自收录页面，仅供预览参考。
