新增功能

index.css

@@ -142,3 +142,7 @@ body {
 #pic_scale_size {
     display: none;
 }
+
+#pic_scale_sc {
+    display: none;
+}

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>

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")