From 7654941dca66c87565b19d4f5c223714df8b701f Mon Sep 17 00:00:00 2001
From: Luthics <luthics@foxmail.com>
Date: Fri, 23 Dec 2022 17:44:02 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.css  |  4 ++++
 index.html | 12 +++++++++---
 main.js    |  9 +++++++++
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/index.css b/index.css
index d215170..626d2f4 100644
--- a/index.css
+++ b/index.css
@@ -141,4 +141,8 @@ body {
 
 #pic_scale_size {
     display: none;
+}
+
+#pic_scale_sc {
+    display: none;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index 9c693a7..e80050f 100644
--- a/index.html
+++ b/index.html
@@ -37,9 +37,15 @@
                 </div>
                 <div class="scale_size_but row" onclick="scale_size()">点击缩放</div>
             </div>
-            <!-- <div class="row">
-                <div class="title">指定比例缩放</div>
-            </div> -->
+            <div class="row"id="pic_scale_sc">
+                <div class="row_Text title">指定比例缩放</div>
+                <div class="inputs">
+                    <input class="scale_size" id="scale_size_sc_x" type="text" value="2">
+                    x
+                    <input class="scale_size" id="scale_size_sc_y" type="text" value="2">
+                </div>
+                <div class="scale_size_but row" onclick="scale_size_sc()">点击缩放</div>
+            </div>
             <div class="row down">下载</div>
         </div>
         <!-- <canvas id="Canvas" width="256px" height="256px"></canvas>
diff --git a/main.js b/main.js
index 9c69aa3..f31221d 100644
--- a/main.js
+++ b/main.js
@@ -69,6 +69,7 @@ function processFiles(files) {
     multi = files.length == 1 ? 0 : 1;
     document.getElementById("drop").style.display = "none";
     document.getElementById("pic_scale_size").style.display = "flex";
+    document.getElementById("pic_scale_sc").style.display = "flex";
     work.style.display = "flex";
     var pic_num = document.createElement('div');
     pic_num.setAttribute("class", "row_Text");
@@ -141,6 +142,14 @@ function scale_size() {
     }
 }
 
+function scale_size_sc(){
+    let scale_x = parseFloat(document.getElementById("scale_size_sc_x").value); 
+    let scale_y = parseFloat(document.getElementById("scale_size_sc_y").value);
+    for (let i = 0; i < canvass.length; i++) {
+        scale(i, scale_x, scale_y)
+    }
+}
+
 function scale(index, scale_x, scale_y) {
     canvas = canvass[index]
     cxt = canvas.getContext("2d")