基于Fabric.js实现添加背景功能

package.json

@@ -58,6 +58,7 @@
     "@vue-flow/minimap": "^1.0.0",
     "@vueuse/core": "^13.9.0",
     "axios": "^1.5.0",
+    "fabric": "^7.1.0",
     "jquery": "^3.7.0",
     "monaco-editor": "^0.54.0",
     "naive-ui": "^2.34.0",

src/shared/stores/tools.ts

@@ -51,6 +51,19 @@ function getDefaultTools(): Tool[] {
       isDefault: true,
       toolName: 'remove_background'
     },
+    {
+      id: 'add-background',
+      name: t('Add Background'),
+      description: t('Add custom background color to images'),
+      category: 'Image Processing',
+      icon: 'photo-plus',
+      color: '#e5e7eb',
+      type: 'route',
+      routeName: 'AddBackground',
+      order: 2,
+      isDefault: true,
+      toolName: 'add_background'
+    },
     // 在这里添加更多默认工具，每行一个：
     // {
     //   id: 'tool-id-2',