大家好，我是TJ 今天給大家推薦一個開源協作式數字白板：tldraw。 tldraw的編輯器、用戶界面和其他底層庫都是開源的，你可以在它的開源倉庫中找到它們。它們也在NPM上分發，提供開發者使用。您可以使用tlDraw為您的產品創建一個臨時白板，或者將其作為構建自己應用的工具來使用。 線上體驗 tl ...
大家好，我是TJ
今天給大家推薦一個開源協作式數字白板：tldraw。
tldraw的編輯器、用戶界面和其他底層庫都是開源的，你可以在它的開源倉庫中找到它們。它們也在NPM上分發，提供開發者使用。您可以使用tlDraw為您的產品創建一個臨時白板，或者將其作為構建自己應用的工具來使用。
線上體驗
tldraw的官方網站就是一個線上體驗的demo，大家可以通過https://www.tldraw.com/直接訪問進入體驗。
可以看到界面非常的簡潔，速度也非常快。
開發整合
如果你要把tldraw引入自己的應用中，非常簡單，只需要通過類似下麵的方法使用即可：
import { Tldraw } from '@tldraw/tldraw'
import '@tldraw/tldraw/tldraw.css'
export default function () {
return (
<div style={{ position: 'fixed', inset: 0 }}>
<Tldraw />
</div>
)
}
您可以像上面這樣使用<Tlraw>的React組件構建一個預設的tldraw白板。你也可以基於此，擴展自己需要的形狀、工具和用戶介面等。tldraw還提供了編輯器API以支持開發者對白板元素的創建、更新和刪除。
具體詳細的開髮指南，可以前往官方提供的開發文檔學習使用：https://tldraw.dev/
最後，老規矩奉上相關地址，感興趣的小伙伴去深入瞭解一下吧：
歡迎關註我的公眾號：程式猿DD。第一時間瞭解前沿行業消息、分享深度技術乾貨、獲取優質學習資源
