🐛 fix: 修正下载的 png 图片渲染问题

arvinxx · Jun 6, 2021 · 5b4779b · 5b4779b · vercel · Jun 6, 2021
1 parent 386fd29
commit 5b4779b
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/image-gallery/src/utils/png.ts b/packages/image-gallery/src/utils/png.ts
@@ -57,16 +57,17 @@ export const copyPngFromSvg = async (url: string) => {
  */
 export const downloadPng = async (url: string, title: string) => {
   const res = await fetch(url);
+  const size = svgSize(await res.clone().text());
   const svgBlob = await res.blob();
   const svgUrl = URL.createObjectURL(svgBlob);
 
-  const image = new Image();
+  const image = new Image(size.width * SCALE, size.height * SCALE);
   image.src = svgUrl;
 
   image.onload = () => {
     const a = document.createElement('a');
     a.download = `${title}.png`;
-    a.href = getImageBase64(image, SCALE);
+    a.href = getImageBase64(image);
     a.click();
   };
 };