# 自定义渲染器 · Custom renderer

- 页面: https://jiguang132.com/zh/resources/tldraw/docs/custom-renderer
- 资源: tldraw (https://jiguang132.com/zh/resources/tldraw.md)
- 全部指南: https://jiguang132.com/zh/resources/tldraw/docs.md

用你自己的 2D Canvas 渲染器绘制图形，代替 tldraw 的 DOM 渲染。

## 官方示例

本页预览嵌入 tldraw 官方示例站，由 tldraw 托管并随其主分支更新；本站不复制示例源码或 SDK。

- 在官方示例站打开: https://examples.tldraw.com/custom-renderer/full
- 示例源码（GitHub）: https://github.com/tldraw/tldraw/tree/main/apps/examples/src/examples/ui/custom-renderer
- 分类: 界面与主题

## 在项目中使用

```bash
npm install tldraw@5.5.2
```

示例站使用主分支代码，个别 API 可能比 npm 稳定版更新。照着示例实现前，先对照你安装的版本核对 API。引入 `tldraw/tldraw.css`，并给编辑器容器设置明确尺寸。

## 许可

tldraw SDK 使用 tldraw 许可证：开发环境可免费使用，生产部署需要有效的许可密钥（试用、商业或爱好者许可）。

- 许可说明: https://tldraw.dev/community/license

---

JGuang 全部资源索引: https://jiguang132.com/llms.txt