feat: 清除水印

Author: zjc2233

src/components/waterMark.vue

@@ -13,8 +13,9 @@
   <Modal
     v-model="showWaterMadal"
     :title="$t('waterMark.modalTitle')"
+    :cancel-text="`${$t('cleanUp')}${$t('waterMark.text')}`"
     @on-ok="onModalOk"
-    @on-cancel="onMadalCancel"
+    @on-cancel="onCleanUpWaterMark"
   >
     <div class="setting-item">
       <span class="mr-10px">{{ $t('waterMark.setting.name') }}</span>
@@ -95,6 +96,12 @@ const onMadalCancel = () => {
   waterMarkState.isRotate = 0;
 };
 
+const onCleanUpWaterMark = () => {
+  canvasEditor.canvas.overlayImage = null; // 清空覆盖层
+  canvasEditor.canvas.renderAll();
+  onMadalCancel();
+};
+
 const createCanvas = (width: number, height: number) => {
   const waterCanvas = document.createElement('canvas');
   waterCanvas.width = width;

src/language/en.json

@@ -184,5 +184,6 @@
   "clearTip": "Are you sure you want to clear it?",
   "replaceTip": "Are you sure you want to add to the canvas?",
   "ok": "ok",
-  "cancel": "cancel"
+  "cancel": "cancel",
+  "cleanUp": "cleanUp"
 }

src/language/zh.json

@@ -173,5 +173,6 @@
   "clearTip": "确定要清空吗？",
   "replaceTip": "确定要添加到画布中吗？",
   "ok": "确认",
-  "cancel": "取消"
+  "cancel": "取消",
+  "cleanUp": "清除"
 }