fix: picture download

kf-liu · Oct 21, 2022 · 03fb6b6 · 03fb6b6
1 parent 22de146
commit 03fb6b6
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 43 deletions.
diff --git a/html/document.js b/html/document.js
@@ -153,7 +153,7 @@ const 地址变图像元素 = (地址,回调)=>{
 const 日志 = _=>(新建图()).src = `https://lab.magiconch.com/api/china-ex/log?levels=${获取所有省等级们().join('')}`;
 
 const 输出图像样式 = 输出图像.style;
-const 保存图像 = (_, 是否模板 = false) =>{
+const 保存图像 = async(_, 是否模板 = false) =>{
     如何做爱元素.setAttribute('data-running','true');
 
     let 原来的分数;
@@ -163,37 +163,11 @@ const 保存图像 = (_, 是否模板 = false) =>{
     分数.innerHTML = 原来的分数;
 
     const 数据地址 = 从文档文本新建图形文件(文档文本);
-    createPoster(数据地址, 是否模板);
-    如何做爱元素.removeAttribute('data-running');
-    return;
-    // open(数据地址);
-    // return ;
-    地址变图像元素(数据地址,图=>{
-        上下文.fillStyle = '#efb4b4';
-        上下文.fillRect(
-            0,0,
-            宽 * 比,宽 * 比
-        );
-        上下文.drawImage(
-            图,
-            0,0,
-            宽,高,
-            0,(宽 - 高) * 比 / 2,
-            宽 * 比, 高 * 比
-        );
-        // return 下载文件(画板.toDataURL(),`[神奇海螺][中国制霸]${+new Date()}.png`,保存);
-        画板.toBlob(元素数据=>{
-            const 地址 = URL.createObjectURL(元素数据);
-
-            输出图像.querySelector('img').src = 地址;
-            输出图像样式.display = '';
-
-            设置延时(_=>{
-                下载文件(地址,`[中国制霸Pro]${+new Date()}.png`);
-                如何做爱元素.removeAttribute('data-running');
-            },50)
-        },'image/png');
-    });
+    await createPoster(数据地址, 是否模板);
+
+    设置延时(_=>{
+        如何做爱元素.removeAttribute('data-running');
+    }, 500);
     日志();
 };
 

diff --git a/html/index.html b/html/index.html
@@ -182,7 +182,7 @@ <h2>地区</h2>
 	<a id="提交编辑弹窗按钮" class="按钮" >确定</a>
 </div>
 <div id="提示">
-	链接已复制，即将打开图片
+	链接已复制，即将下载图片
 </div>
 <script src="utils.js?v=a"></script>
 <script src="document.js?v=a"></script>

diff --git a/html/utils.js b/html/utils.js
@@ -72,15 +72,13 @@ async function createPoster(bgImageUrl, 是否模板) {
     ctx.fillRect(33, 是否模板 ? 848 : 918, 是否模板 ? 264 : 204, 是否模板 ? 264 : 204);
     ctx.drawImage(imgQrcode, 35, 是否模板 ? 850 : 920, 是否模板 ? 260 : 200, 是否模板 ? 260 : 200);
 
-    // canvas转换为base64
-    var base64 = ""
-    try {
-        base64 = can.toDataURL();
-    } catch (err) {
-        alert(err)
-    }
-    can.toBlob((res) => {
-        open(URL.createObjectURL(res));
+    await can.toBlob((res) => {
+        const 地址 = URL.createObjectURL(res);
+        输出图像.querySelector('img').src = 地址;
+        输出图像样式.display = '';
+        设置延时(_=>{
+            下载文件(地址,`[中国制霸Pro]${+new Date()}.png`);
+            如何做爱元素.removeAttribute('data-running');
+        },50);
     });
-    // document.getElementById('poster').src = base64;
 };