用途:tldraw 是开源无限画布白板 SDK(GitHub 超 46K stars),可用于独立白板或嵌入自定义应用。对科研人员,它可用于研究构思协作、论文与演示配图、文献综述视觉笔记及概念模型框架图。基础使用无需后端。
主要能力:提供图形工具(矩形、椭圆、菱形、箭头、线条、文字、自由手绘、便签、Frame 分组及星形等装饰)、实时协作(需配合同步后端)、自定义图形与工具、程序化生成图形,以及导出 SVG 或 PNG。
使用方式:在线可通过 tldraw.com 直接创建并链接分享。自托管可执行 git clone https://github.com/tldraw/tldraw.git 后进入目录 npm install 与 npm run dev,本地地址为 http://localhost:5420。React 嵌入需 npm install tldraw,引入 Tldraw 与 tldraw/tldraw.css 并渲染组件。协作需按资料中的 useSync 配置连接房间。自定义图形通过 ShapeUtil/BaseBoxShapeUtil 定义并在 Tldraw 的 shapeUtils 中注册。导出 SVG 用 editor.getSvg,PNG 用 editor.toImage,并配合 getSelectedShapeIds 选择对象。
适用场景:文献综述思维导图、实验设计流程图、系统架构图、混合方法研究概念框架,以及可复现的程序化示意图生成。
限制:资料未说明收费与价格;基础使用无需后端,实时协作需部署同步后端并配置连接地址;自定义图形与程序化生成需要 React/TypeScript 开发能力;未提供平台兼容性与性能上限等细节。官方资源包括 tldraw.com、github.com/tldraw/tldraw 与 tldraw.dev。