feat(component): 增加底图无法擦除功能

ikuaitu · Jun 26, 2024 · 8343ddc · 8343ddc
1 parent c938d2d
commit 8343ddc
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 2 deletions.
diff --git a/packages/core/plugin/WorkspacePlugin.ts b/packages/core/plugin/WorkspacePlugin.ts
@@ -79,7 +79,9 @@ class WorkspacePlugin implements IPluginTempl {
       height,
       id: 'workspace',
       strokeWidth: 0,
+      erasable: false,
     });
+
     workspace.set('selectable', false);
     workspace.set('hasControls', false);
     workspace.hoverCursor = 'default';

diff --git a/src/components/erase.vue b/src/components/erase.vue
@@ -41,7 +41,7 @@ const doErase = () => {
   if (isErase.value) {
     canvas.isDrawingMode = true;
     canvas.freeDrawingBrush = new fabric.EraserBrush(canvas);
-    canvas.freeDrawingBrush.width = 15; // optional
+    canvas.freeDrawingBrush.width = 15;
   } else {
     canvas.isDrawingMode = false;
   }

diff --git a/src/components/imgStroke.vue b/src/components/imgStroke.vue
@@ -119,7 +119,6 @@ const onSliderChange = (val: number) => {
 };
 
 const onColorChange = (val: string) => {
-  console.log('onColorChnage', val);
   strokeColor.value = val;
   updateStroke();
 };

diff --git a/typings/extends.d.ts b/typings/extends.d.ts
@@ -101,4 +101,8 @@ declare namespace fabric {
   export class EraserBrush {
     constructor(canvas: Canvas);
   }
+
+  export interface IRectOptions {
+    [key: string]: unknown;
+  }
 }