景观设计公司起名,陕西关键词优化推荐,怎么做兼职类网站,自媒体创业大家好#xff0c;我是TJ
今天给大家推荐一个开源协作式数字白板#xff1a;tldraw。 tldraw的编辑器、用户界面和其他底层库都是开源的#xff0c;你可以在它的开源仓库中找到它们。它们也在NPM上分发#xff0c;提供开发者使用。您可以使用tlDraw为您的产品创建一个临时…大家好我是TJ
今天给大家推荐一个开源协作式数字白板tldraw。 tldraw的编辑器、用户界面和其他底层库都是开源的你可以在它的开源仓库中找到它们。它们也在NPM上分发提供开发者使用。您可以使用tlDraw为您的产品创建一个临时白板或者将其作为构建自己应用的工具来使用。
在线体验
tldraw的官方网站就是一个在线体验的demo大家可以通过https://www.tldraw.com/直接访问进入体验。 可以看到界面非常的简洁速度也非常快。
开发整合
如果你要把tldraw引入自己的应用中非常简单只需要通过类似下面的方法使用即可
import { Tldraw } from tldraw/tldraw
import tldraw/tldraw/tldraw.cssexport default function () {return (div style{{ position: fixed, inset: 0 }}Tldraw //div)
}
您可以像上面这样使用Tlraw的React组件构建一个默认的tldraw白板。你也可以基于此扩展自己需要的形状、工具和用户接口等。tldraw还提供了编辑器API以支持开发者对白板元素的创建、更新和删除。
具体详细的开发指南可以前往官方提供的开发文档学习使用https://tldraw.dev/ 最后老规矩奉上相关地址感兴趣的小伙伴去深入了解一下吧
官方网站https://tldraw.com/开源地址https://github.com/tldraw/tldraw 欢迎关注我的公众号程序猿DD。前沿技术早知道弯道超车有希望积累超车资本从关注DD开始