Luthics
/
web-image-factory
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

新增功能

This commit is contained in:
Luthics 2022-12-23 17:44:02 +08:00
parent dfd5cd4c91
commit 7654941dca
3 changed files with 22 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
index.css
View File

@ -141,4 +141,8 @@ body {
#pic_scale_size { #pic_scale_size {
display: none; display: none;
}
#pic_scale_sc {
display: none;
} }

12
index.html
View File

@ -37,9 +37,15 @@
</div> </div>
<div class="scale_size_but row" onclick="scale_size()">点击缩放</div> <div class="scale_size_but row" onclick="scale_size()">点击缩放</div>
</div> </div>
<!-- <div class="row"> <div class="row"id="pic_scale_sc">
<div class="title">指定比例缩放</div> <div class="row_Text title">指定比例缩放</div>
</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 class="row down">下载</div>
</div> </div>
<!-- <canvas id="Canvas" width="256px" height="256px"></canvas> <!-- <canvas id="Canvas" width="256px" height="256px"></canvas>

9
main.js
View File

@ -69,6 +69,7 @@ function processFiles(files) {
multi = files.length == 1 ? 0 : 1; multi = files.length == 1 ? 0 : 1;
document.getElementById("drop").style.display = "none"; document.getElementById("drop").style.display = "none";
document.getElementById("pic_scale_size").style.display = "flex"; document.getElementById("pic_scale_size").style.display = "flex";
document.getElementById("pic_scale_sc").style.display = "flex";
work.style.display = "flex"; work.style.display = "flex";
var pic_num = document.createElement('div'); var pic_num = document.createElement('div');
pic_num.setAttribute("class", "row_Text"); 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) { function scale(index, scale_x, scale_y) {
canvas = canvass[index] canvas = canvass[index]
cxt = canvas.getContext("2d") cxt = canvas.getContext("2d")