From de3c3600c694b4b8f23bfe7c05492e99e63d8dce Mon Sep 17 00:00:00 2001
From: Zhufu <1176354795@qq.com>
Date: Thu, 11 Jul 2024 16:46:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=AE=A1=E6=A0=B8=E4=B8=AD?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E6=8C=89=E9=92=AE=E6=B2=A1=E6=9C=89=E5=8F=8D?=
 =?UTF-8?q?=E5=BA=94=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Upload/src/components/image_preview.vue       | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/Upload/src/components/image_preview.vue b/src/components/Upload/src/components/image_preview.vue
index 88bb07be..1570922b 100644
--- a/src/components/Upload/src/components/image_preview.vue
+++ b/src/components/Upload/src/components/image_preview.vue
@@ -3,7 +3,7 @@
         <img id="zoomableImage"  draggable="false" :src="imageUrl" />
         <div class="operation-container">
             <div>
-                <UndoOutlined />
+                <UndoOutlined @click="backTransFrom"/>
             </div>
             <div>
                 <ZoomInOutlined @click="bigScale" />
@@ -40,6 +40,11 @@ let initialMouseX;
 let initialMouseY;
 let initialImageX;
 let initialImageY;
+var scale = 1;
+var minScale = 0.5;
+var maxScale = 3;
+var scaleFactor = 0.1;
+var rotate = 0;
 
 
 onMounted(()=>{
@@ -185,6 +190,14 @@ function bigScale():void {
     scale+=0.4;
     zoomableImage.style.transform = `scale(${scale})`;
 }
+function transform (){
+    rotate += 90;
+    zoomableImage.style.transform = `rotate(${rotate}deg)`;
+}
+function backTransFrom() {
+    rotate -= 90;
+    zoomableImage.style.transform = `rotate(${rotate}deg)`;
+}
 
 function closePreview():void{
     emits("closeImagePreview");