当前位置: 首页 > news >正文

15.3K Star,超好用的开源协作式数字白板:tldraw

大家好,我是TJ

今天给大家推荐一个开源协作式数字白板:tldraw

tldraw

tldraw的编辑器、用户界面和其他底层库都是开源的,你可以在它的开源仓库中找到它们。它们也在NPM上分发,提供开发者使用。您可以使用tlDraw为您的产品创建一个临时白板,或者将其作为构建自己应用的工具来使用。

在线体验

tldraw的官方网站就是一个在线体验的demo,大家可以通过https://www.tldraw.com/直接访问进入体验。

tldraw在线体验

可以看到界面非常的简洁,速度也非常快。

开发整合

如果你要把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/

tldraw开发文档

最后,老规矩奉上相关地址,感兴趣的小伙伴去深入了解一下吧:

  • 官方网站:https://tldraw.com/
  • 开源地址:https://github.com/tldraw/tldraw

欢迎关注我的公众号:程序猿DD。前沿技术早知道,弯道超车有希望!积累超车资本,从关注DD开始!

http://www.lryc.cn/news/165347.html

相关文章:

  • MGR新节点RECOVERING状态的分析与解决:caching_sha2_password验证插件的影响
  • git merging两边都被删除的文件
  • 项目--苍穹外卖
  • 从零开发短视频电商 使用Spring WebClient发起远程Http调用
  • Python实现成语接龙
  • 继续上一个爬虫,所以说selenium加browsermobproxy
  • Sentinel服务熔断和流控
  • 01_TMS320F28004x系列MCU介绍和资料搜集
  • JavaScript中获取对象属性的不同方法
  • 【STM32教程】第四章 STM32的外部中断EXTI
  • 力扣第40天----第121题、第122题
  • Flask 使用 JWT(二)
  • 从0到1理解ChatGPT原理
  • 如何解决 “Component cannot be used as a JSX component“
  • 小程序自定义tabbar
  • 分布式系统第五讲:分布式事务及实现方案
  • 算法通关村17关 | 透析跳跃游戏
  • ARM接口编程—RTC(exynos 4412平台)
  • 数据分享|WEKA信贷违约预测报告:用决策树、随机森林、支持向量机SVM、朴素贝叶斯、逻辑回归...
  • 逆市而行:如何在市场恐慌时保持冷静并抓住机会?
  • SpringBoot项目在Linux上启动、停止脚本
  • 基于32位单片机的感应灯解决方案
  • 机器学习——支持向量机(SVM)
  • HTTP协议初识·下篇
  • c++ 类的实例化顺序
  • Vue自动生成二维码并可下载二维码
  • 应该下那个 ActiveMQ
  • 【C语言】指针详解(3)
  • 告别HR管理繁琐,免费低代码平台来帮忙
  • Java开发面试--Redis专区