fabric-editor

项目名称：fabric-editor
项目类型：npm 包
项目框架：React + Vite + shadcn/ui + Tailwind CSS（纯 JavaScript）

主要功能

1. 图片编辑：矩形、画笔、标签、文本、马赛克等

快速开始

安装依赖

yarn install

开发模式

yarn dev

构建

yarn build

作为 npm 包使用

yarn build:lib

使用方式

import FabricEditor from 'fabric-editor';

function App() {
  return (
    <FabricEditor
      imageUrl="https://example.com/your-image.jpg"
      width={800}
      height={500}
    />
  );
}

功能说明

| 工具 | 说明 | |------|------| | 选择 | 选择、移动、缩放画布上的元素 | | 矩形 | 在画布上绘制矩形框 | | 画笔 | 自由绘制，可调节颜色和粗细 | | 文本 | 添加可编辑的文本 | | 标签 | 添加带背景的标签 | | 马赛克 | 框选区域应用马赛克效果 |