%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%23061b40;%20}%20.st1%20{%20fill:%20%23306af1;%20}%20.st2%20{%20fill:%20%235ce5cf;%20}%20%3c/style%3e%3c/defs%3e%3cg%3e%3cpath%20class='st0'%20d='M55,10.5h9v3h-9v9h12V7.5h-12v3ZM64,19.5h-6v-3h6v3Z'/%3e%3cpolygon%20class='st0'%20points='69%2016.5%2078%2016.5%2078%2019.5%2069%2019.5%2069%2022.5%2081%2022.5%2081%2013.5%2072%2013.5%2072%2010.5%2081%2010.5%2081%207.5%2069%207.5%2069%2016.5'/%3e%3cpolygon%20class='st0'%20points='95%2010.5%2095%207.5%2083%207.5%2083%2022.5%2095%2022.5%2095%2019.5%2086%2019.5%2086%2016.5%2095%2016.5%2095%2013.5%2086%2013.5%2086%2010.5%2095%2010.5'/%3e%3cpath%20class='st0'%20d='M40,1.5v21h11.6l1.4-1.4v-7.6h0c0,0-1.4-1.5-1.4-1.5l1.4-1.4V2.9l-1.4-1.4h-11.6ZM50,19.5h-7v-6h7v6ZM50,10.5h-7v-6h7v6Z'/%3e%3c/g%3e%3cpath%20class='st1'%20d='M23.1,24L14.7,4.8l-4.9,11.2h3.8l-1.8,4H3.3L12.1,0H2C.9,0,0,.9,0,2v20c0,1.1.9,2,2,2h21.1Z'/%3e%3cpath%20class='st2'%20d='M34,0h-16.8l10.6,24h6.2c1.1,0,2-.9,2-2V2C36,.9,35.1,0,34,0ZM32.5,20h-4V4h4v16Z'/%3e%3c/svg%3e)
Tldraw.dev
简介 :
tldraw是一个为React开发者设计的无限画布SDK，它允许开发者在其产品中添加协作白板功能或创造新的基于画布的体验。该SDK包含组件、API和服务，支持开发者构建高性能、可定制的画布应用。tldraw以其强大的功能、实时协作能力和对开发者友好的设计而受到好评。它适用于需要在Web上实现复杂画布交互的各类应用，从个人项目到企业级解决方案。tldraw提供免费带有水印的版本，并提供付费版本以去除水印并获取额外支持。
需求人群 :
目标受众为React开发者、设计师和需要在Web上实现复杂画布交互的企业团队。tldraw因其强大的功能和灵活性，特别适合需要创建协作白板或画布应用的开发者，以及需要在产品中集成此类功能的团队。
使用场景
Autodesk使用tldraw构建其产品Forma的画布体验。
ClickUp在其项目管理工具中集成了tldraw的协作白板功能。
Craft.do利用tldraw为其用户提供了一个新的画布基础的协作平台。
产品特色
- React画布：tldraw画布及其所有内容都是React组件，使用常规HTML和CSS渲染。
- 高性能：支持创建、编辑和操作数千个对象，包括图像、交互组件和嵌入式内容，针对桌面、平板和移动设备进行了高度优化。
- 实时协作：通过tldraw sync实现实时协作，或使用自己的后端实现共享体验，内置支持协作编辑、实时光标、视口跟随和光标聊天。
- 媒体和更多：可以在画布上添加图像、视频甚至其他网站，粘贴URL创建交互式书签，导出图像和数据。
- 定制化：创建自定义元素、工具、交互和用户界面，使用运行时Editor API控制画布。
- 完美墨水：使用笔工具创建美观的压力敏感的自由手绘线条，由我们的虚拟墨水定制算法提供支持。
- 完美箭头：创建美观的箭头连接线，链接形状、笔记等。
使用教程
1. 安装tldraw包：在终端运行`npm install tldraw`命令。
%20--%3e%3cdefs%3e%3cstyle%3e%20.st0%20{%20fill:%20%230080ff;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='st0'%20d='M16.2,11.1c.4.5.4,1.2,0,1.8l-4.7,7.1h-3.8l5.3-8L7.6,4h3.8l4.7,7.1Z'/%3e%3c/svg%3e)
2. 导入样式：在React应用中导入tldraw的CSS样式。
3. 渲染组件：在React组件中渲染Tldraw组件。
4. 开始使用：访问快速入门指南，开始使用tldraw SDK构建应用。
5. 浏览示例：查看tldraw提供的示例，了解如何实现特定功能。
6. 阅读文档：深入阅读tldraw的文档，掌握SDK的高级用法。
7. 社区交流：加入tldraw的Discord社区，与其他开发者交流经验和问题。
8. 反馈和支持：如果在使用过程中遇到问题，可以通过邮件联系tldraw团队获取帮助。
精选AI产品推荐
中文精选
抖音即创
即创工作台是一个一站式的智能创意生产与管理平台。它集成了视频创作、图文创作、直播创作等多种创意工具,可以通过AI的力量大大提高创作效率。主要功能和优势包括:1)视频创作:内置多种AI视频创作工具,支持智能编剧、数字人物、一键成片等,可快速生成高质量视频内容;2)图文创作:提供智能图文和商品图片生成工具,可快速制作微信文章、产品详情等图文内容;3)直播创作:支持AI直播背景、直播文案等创作工具,可轻松制作抖音、快手等直播内容。定位为新创和创意从业者的创意助手,以合理价格提供创意生产全流程服务。
AI设计工具
106.5M
神采 PromeAI
神采 PromeAI 拥有强大的人工智能驱动设计助手和广泛可控的 AIGC（C-AIGC）模型风格库，使你能够轻松地创造出令人惊叹的图形、视频和动画，是建筑师、室内设计师、产品设计师和游戏动漫设计师的必备工具。
AI设计工具
8.4M