用 Fabric.js 构建可靠的画布编辑器

探索功能

• 撤销和重做

  内置

  Fabric.js 本身没有撤销功能。这里每个用户操作对应一步撤销，带步骤标签和键盘快捷键。

  了解更多

• 保存和加载

  内置

  Fabric.js 保存和加载时，对象 id 保持稳定。自定义属性和图片都能原样回显。

  了解更多

• 自动保存

  需要存储

  用户编辑时自动保存，同一时间只保存一次，失败会重试。旧的保存永远不会覆盖新内容。

  了解更多

• 保存冲突

  需要存储

  修订号检查会发现另一个标签页或设备先保存了，并让用户决定保留哪一份。

  了解更多

• 图片、字体和导出

  内置

  导出 PNG、JPEG、WebP、SVG 或 JSON。缺失的图片、字体和被污染的画布，会在导出失败前被发现。

  了解更多

• 版本

  需要存储

  给文档保存命名版本，随时恢复任意一个，不会丢掉当前的内容。

  了解更多

• 恢复

  可选

  用户编辑时，未保存的内容会复制到 IndexedDB，崩溃或刷新后可以找回。

  了解更多

• React hooks

  可选

  可选的 hooks 会用你的画布创建引擎，并驱动工具栏。Vue、Svelte 和原生 JavaScript 也都能用。

  了解更多

• 在线

  撤销和重做

  添加、移动、改颜色，然后后退和前进。

  阅读指南
• 在线

  自动保存

  编辑会自动保存。刷新页面后内容还在。

  阅读指南
• 在线

  保存冲突

  两个标签页保存同一份文档，第二个会收到需要处理的冲突。

  阅读指南
• 在线

  导出

  把画布下载为 PNG、SVG 或 JSON。

  阅读指南
• 在线

  版本

  保存一个命名版本，之后再恢复它。

  阅读指南
• 在线

  恢复

  模拟一次崩溃，再恢复未保存的内容。

  阅读指南