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-24 00:28:37 +08:00
parent 65574002ef
commit 6c2b90dc6e
2 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -49,7 +49,7 @@
<div class="row"id="pic_scale_fun"> <div class="row"id="pic_scale_fun">
<div class="row_Text title">趣味功能</div> <div class="row_Text title">趣味功能</div>
<div class="scale_size_but row" onclick="scale_size_ma()">马赛克化</div> <div class="scale_size_but row" onclick="scale_size_ma()">马赛克化</div>
<div class="scale_size_but row" onclick="animatePic()" id="ani_but">动画模式</div> <div class="scale_size_but row" onclick="animatePic()" id="ani_but">动画模式<br>（很慢！）</div>
</div> </div>
<div class="row down" onclick="saveImg()">下载</div> <div class="row down" onclick="saveImg()">下载</div>
</div> </div>

4
main.js
View File

@ -255,7 +255,6 @@ async function scale(index, scale_x, scale_y) {
if (ani_mode) { if (ani_mode) {
document.getElementById("c2").style.display = "flex" document.getElementById("c2").style.display = "flex"
document.getElementById("c2").append(canvas2); document.getElementById("c2").append(canvas2);
document.getElementById("c1").style['justify-content'] = "center"
document.getElementById("c2").style['justify-content'] = "center" document.getElementById("c2").style['justify-content'] = "center"
document.getElementById("c1").style.width = 70 * vw / (scale_x + 1) + "px" document.getElementById("c1").style.width = 70 * vw / (scale_x + 1) + "px"
@ -283,8 +282,9 @@ async function scale(index, scale_x, scale_y) {
alpha = datas[Math.floor(i / scale_y)][Math.floor(j / scale_x)][3]; alpha = datas[Math.floor(i / scale_y)][Math.floor(j / scale_x)][3];
ctx.fillStyle = "rgba(" + red + "," + green + "," + blue + "," + alpha + ")"; ctx.fillStyle = "rgba(" + red + "," + green + "," + blue + "," + alpha + ")";
ctx.fillRect(j, i, 1, 1) ctx.fillRect(j, i, 1, 1)
if (ani_mode) if (j % 100 == 0) await sleep(1);
} }
await sleep(10); if (ani_mode) if (i % 2 == 0) await sleep(5);
} }
let imgdata = canvas2.toDataURL(); let imgdata = canvas2.toDataURL();