vue-fabric-canvas/README.md

基于 Vue 3 和 Fabric.js 的画布组件，支持绘图、撤销、重做等功能。

# 🖌 Vue Fabric Canvas 组件

基于 Vue 3 和 Fabric.js 的画布组件，支持绘图、撤销、重做等功能。

---

## 📦 安装
```sh
npm install vue-fabric-canvas

```

## 🔨 使用方法
```vue
<template>
  <CanvasEditor ref="canvasRef" :imgWidth="800" :imgHeight="600" />
</template>

<script setup>
import { ref } from "vue";
import CanvasEditor from "vue-fabric-canvas";

const canvasRef = ref(null);

// 设置画笔颜色
canvasRef.value?.setBrushColor("#ff0000");

// 改变画笔大小
canvasRef.value?.setBrushRange(10);

// 撤销
canvasRef.value?.undo();

// 重做
canvasRef.value?.redo();
</script>

```

## 📚 API 说明

1️⃣ setBrushColor(color)

参数 | 类型 | 说明
---|---|---
color | string |画笔颜色（HEX） 


2️⃣ setBrushRange(size)
参数 | 类型 | 说明
---|---|---
size | number |画笔大小

3️⃣ undo()
撤销上一步操作。

4️⃣ redo()
重做上一步操作。