From 6935bec1e479e9ab8d2ff50097a40636a1ce5d39 Mon Sep 17 00:00:00 2001
From: zdg <zdg@163.com>
Date: Sat, 21 Sep 2024 12:05:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/src/views/tool/test.vue | 20 +++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/renderer/src/views/tool/test.vue b/src/renderer/src/views/tool/test.vue
index 61fcc59..49cbbd3 100644
--- a/src/renderer/src/views/tool/test.vue
+++ b/src/renderer/src/views/tool/test.vue
@@ -1,9 +1,15 @@
 <template>
-  <canvas ref="canvasRef" />
-  <button @click="eraseTo">橡皮擦
-    <i class="iconfont icon-xiangpica"></i>
-  </button>
-  <button @click="close">销毁</button>
+  <canvas ref="canvasRef" style="pointer-events: none;" />
+  <div style="position: absolute;top: 0;" @click="test('click')"
+  @mouseenter="test('mouseenter')" @mousemove="test('mousemove')" @mouseleave="test('mouseleave')"
+  @touchstart="test('touchstart')" @touchmove="test('touchmove')" @touchend="test('touchend')"
+  @touchcancel="test('touchcancel')" @mousedown="test('mousedown')" @mouseup="test('mouseup')"
+  @mouseout="test('mouseout')" @mouseover="test('mouseover')" @mousewheel="test('mousewheel')">
+    <!-- <button @click="eraseTo">橡皮擦</button> -->
+    <!-- <i class="iconfont icon-xiangpica"></i> -->
+    <!-- <button @click="close">销毁</button> -->
+    <div style="width: 100px;height: 100px;background: #ffbcbc;">小星星</div>
+  </div>
 </template>
 
 <script setup>
@@ -43,6 +49,10 @@ const eraseTo = () => { // 橡皮擦
   // canvas.dispose()
 }
 const close = () => { FabricVue.removeCanvas() }
+
+const test = (key, e) => {
+  console.log('event: ', key)
+}
 </script>
 
 <style lang="scss" scoped>