%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