From d5b6eaec2bde3ab33fc96085fc8a16249d31adb2 Mon Sep 17 00:00:00 2001
From: MultiMote <contact@mmote.ru>
Date: Fri, 11 Apr 2025 21:37:10 +0300
Subject: [PATCH] Canvas clear button

---
 src/lib/ImageEditor.svelte | 15 +++++++++++++++
 src/locale/dicts/en.json   |  2 ++
 src/locale/dicts/ru.json   |  2 ++
 3 files changed, 19 insertions(+)

diff --git a/src/lib/ImageEditor.svelte b/src/lib/ImageEditor.svelte
index 11b1b35..e3078c7 100644
--- a/src/lib/ImageEditor.svelte
+++ b/src/lib/ImageEditor.svelte
@@ -245,6 +245,14 @@
     }
   };
 
+  const clearCanvas = () => {
+    if (!confirm($tr("editor.clear.confirm"))) {
+      return;
+    }
+    undo.push(fabricCanvas, labelProps);
+    fabricCanvas.clear();
+  };
+
   onMount(() => {
     const csvSaved = LocalStoragePersistence.loadCsv();
     csvData = csvSaved.data;
@@ -376,6 +384,13 @@
       <div class="toolbar d-flex flex-wrap gap-1 justify-content-center align-items-center">
         <LabelPropsEditor {labelProps} onChange={onUpdateLabelProps} />
 
+        <button
+          class="btn btn-sm btn-secondary"
+          on:click={clearCanvas}
+          title={$tr("editor.clear")}>
+          <MdIcon icon="delete" />
+        </button>
+
         <SavedLabelsMenu canvas={fabricCanvas} onRequestLabelTemplate={exportCurrentLabel} {onLoadRequested} />
 
         <button
diff --git a/src/locale/dicts/en.json b/src/locale/dicts/en.json
index 760bc81..0f5d700 100644
--- a/src/locale/dicts/en.json
+++ b/src/locale/dicts/en.json
@@ -5,6 +5,8 @@
     "connector.bluetooth": "Bluetooth",
     "connector.disconnect.heartbeat": "Disconnected (printer does not respond)",
     "connector.serial": "Serial (USB)",
+    "editor.clear": "Clear canvas",
+    "editor.clear.confirm": "Clear canvas contents?",
     "editor.clone": "Clone",
     "editor.default_text": "Text",
     "editor.delete": "Delete",
diff --git a/src/locale/dicts/ru.json b/src/locale/dicts/ru.json
index 2f9a59b..7a77918 100644
--- a/src/locale/dicts/ru.json
+++ b/src/locale/dicts/ru.json
@@ -5,6 +5,8 @@
     "connector.bluetooth": "Bluetooth",
     "connector.disconnect.heartbeat": "Отключено (принтер не отвечает)",
     "connector.serial": "Посл. порт (USB)",
+    "editor.clear": "Очистить холст",
+    "editor.clear.confirm": "Очистить содержимое холста?",
     "editor.clone": "Клонировать",
     "editor.default_text": "Текст",
     "editor.delete": "Удалить",