From 04a7617f42fc15ac41acb917c251b85262fb41f6 Mon Sep 17 00:00:00 2001
From: Garcia <dong.yy1916@gmail.com>
Date: Fri, 10 May 2024 12:53:11 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=20desc?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .editorconfig                         |   2 +-
 index.html                            |   4 +-
 src/App.vue                           |   2 +-
 src/stores/counter.js                 |   1 +
 src/views/heictopng/Description.vue   |  62 ++---
 src/views/heictopng/HeicToPngView.vue | 335 +++++++++++++-------------
 6 files changed, 203 insertions(+), 203 deletions(-)

diff --git a/.editorconfig b/.editorconfig
index aa721d0..2b98c79 100644
--- a/.editorconfig
+++ b/.editorconfig
@@ -8,7 +8,7 @@ end_of_line = lf # 控制换行类型(lf | cr | crlf)
 insert_final_newline = true # 始终在文件末尾插入一个新行
 indent_style = space # 缩进风格（tab | space）
 indent_size = 2 # 缩进大小
-max_line_length = 130 # 最大行长度
+max_line_length = 80 # 最大行长度
 
 [*.md] # 表示仅对 md 文件适用以下规则
 max_line_length = off # 关闭最大行长度限制
diff --git a/index.html b/index.html
index 3c18fad..0adc8a7 100644
--- a/index.html
+++ b/index.html
@@ -5,8 +5,8 @@
   <meta charset="UTF-8">
   <link rel="icon" href="/favicon.ico">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="">
   <title>HEIC/HEIF to PNG/JPEG Converter - Simple, Free, and Offline</title>
+  <meta name="description" content="Convert HEIC/HEIF to PNG with high quality and lossless compression. Simply drag&#039;n&#039;drop your iPhone photos and get JPG or PNG files in seconds!">
   <meta property="og:locale" content="en_US" />
 	<meta property="og:type" content="website" />
 	<meta property="og:title" content="HEIC/HEIF to PNG/JPEG Converter - Simple, Free, and Offline | Convertools.site" />
@@ -32,4 +32,4 @@
   </script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/src/App.vue b/src/App.vue
index f61f11e..9838971 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -43,4 +43,4 @@ import { RouterView } from 'vue-router'
   transform: translateY(-3px);
   box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.4), 0px 4px 6px rgba(0, 0, 0, 0.3);
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/stores/counter.js b/src/stores/counter.js
index b6757ba..1f76e9c 100644
--- a/src/stores/counter.js
+++ b/src/stores/counter.js
@@ -4,6 +4,7 @@ import { defineStore } from 'pinia'
 export const useCounterStore = defineStore('counter', () => {
   const count = ref(0)
   const doubleCount = computed(() => count.value * 2)
+
   function increment() {
     count.value++
   }
diff --git a/src/views/heictopng/Description.vue b/src/views/heictopng/Description.vue
index 7bc50fa..c797f44 100644
--- a/src/views/heictopng/Description.vue
+++ b/src/views/heictopng/Description.vue
@@ -1,40 +1,40 @@
 <template>
-    <div class="py-8">
-        <h2 class="my-2 text-xl font-bold text-center">step-by-step guide</h2>
-        <section>
-            <ul class="text-sm">
-                <li>1. Choose the HEIC/HEIF files you want to convert.</li>
-                <li>2. Drag and drop the files or click on the "Browse files" button to select them.</li>
-                <li>3. Choose the options you want to use for the conversion.</li>
-                <li>4. Click on the "Convert" button to start the conversion process.</li>
-                <li>5. Wait for the conversion process to finish.</li>
-                <li>6. Download the converted files to your computer.</li>
-            </ul>
-        </section>
-        <h2 class="my-2 text-xl font-bold text-center">Features</h2>
-        <section class="grid grid-cols-3 gap-x-2 gap-y-4">
-            <section v-for="item in features" :key="item.title" class="p-4 bg-white rounded-lg shadow-lg">
-                <h4 class="my-2 text-sm font-bold text-center">{{ item.title }}</h4>
-                <p class="text-sm">{{ item.description }}</p>
-            </section>
-        </section>
-        <!-- <h2 class="my-2 text-xl font-bold text-center">Difference Between HEIC, JPEG, and PNG</h2> -->
+  <div class="py-8">
+    <h2 class="my-2 text-xl font-bold text-center">step-by-step guide</h2>
+    <section>
+      <ul class="text-sm">
+        <li>1. Choose the HEIC/HEIF files you want to convert.</li>
+        <li>2. Drag and drop the files or click on the "Browse files" button to select them.</li>
+        <li>3. Choose the options you want to use for the conversion.</li>
+        <li>4. Click on the "Convert" button to start the conversion process.</li>
+        <li>5. Wait for the conversion process to finish.</li>
+        <li>6. Download the converted files to your computer.</li>
+      </ul>
+    </section>
+    <h2 class="my-2 text-xl font-bold text-center">Features</h2>
+    <section class="grid grid-cols-3 gap-x-2 gap-y-4">
+      <section v-for="item in features" :key="item.title" class="p-4 bg-white rounded-lg shadow-lg">
+        <h4 class="my-2 text-sm font-bold text-center">{{ item.title }}</h4>
+        <p class="text-sm">{{ item.description }}</p>
+      </section>
+    </section>
+    <!-- <h2 class="my-2 text-xl font-bold text-center">Difference Between HEIC, JPEG, and PNG</h2> -->
 
 
 
-    </div>
+  </div>
 </template>
 
 <script setup>
 const features = [
-    { title: 'Simple to use', description: 'Convert HEIC/HEIF to PNG with high quality and lossless compression.' },
-    { title: 'Convert multiple files at once', description: 'Convert multiple HEIC/HEIF files at once and download them as a zip file.' },
-    { title: 'Keep your files secure', description: 'an offline solution, your files are not uploaded to any server and are kept secure.' },
-    { title: 'Keep original size & quality', description: 'Your files are not resized or cropped, and the quality is preserved.' },
-    { title: 'No registration required', description: 'You do not need to create an account or provide any personal information.' },
-    { title: 'No need to download any software', description: 'You can convert HEIC/HEIF files using our website without installing any software.' },
-    { title: 'Convenient ways to save converted files', description: 'You can save your converted files to your computer, Google Drive, or Dropbox.' },
-    { title: 'Keep or remove EXIF metadata', description: 'You can choose to keep or remove EXIF metadata from your converted files.' },
-    { title: 'Crop & resize options', description: 'You can crop and resize your HEIC/HEIF files before converting them to PNG.' },
+  { title: 'Simple to use', description: 'Convert HEIC/HEIF to PNG with high quality and lossless compression.' },
+  { title: 'Convert multiple files at once', description: 'Convert multiple HEIC/HEIF files at once and download them as a zip file.' },
+  { title: 'Keep your files secure', description: 'an offline solution, your files are not uploaded to any server and are kept secure.' },
+  { title: 'Keep original size & quality', description: 'Your files are not resized or cropped, and the quality is preserved.' },
+  { title: 'No registration required', description: 'You do not need to create an account or provide any personal information.' },
+  { title: 'No need to download any software', description: 'You can convert HEIC/HEIF files using our website without installing any software.' },
+  { title: 'Convenient ways to save converted files', description: 'You can save your converted files to your computer, Google Drive, or Dropbox.' },
+  { title: 'Keep or remove EXIF metadata', description: 'You can choose to keep or remove EXIF metadata from your converted files.' },
+  { title: 'Crop & resize options', description: 'You can crop and resize your HEIC/HEIF files before converting them to PNG.' },
 ]
-</script>
\ No newline at end of file
+</script>
diff --git a/src/views/heictopng/HeicToPngView.vue b/src/views/heictopng/HeicToPngView.vue
index 5e26a83..8e7c6b4 100644
--- a/src/views/heictopng/HeicToPngView.vue
+++ b/src/views/heictopng/HeicToPngView.vue
@@ -1,91 +1,90 @@
 <template>
-    <div class="mx-auto w-1/2 mt-4">
-        <h1 class="text-3xl font-bold text-center my-5">HEIC/HEIF Simple, Free, and Offline Converter</h1>
-        <el-upload :show-file-list="false" v-model:file-list="imageList" action="#" :http-request="handleHttpUpload"
-            :before-upload="beforeUpload" :on-exceed="handleExceed" :on-success="uploadSuccess"
-            :on-progress="handleProgress" drag multiple :limit="limit" :accept="fileType.join(',')">
-            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-            <div class="el-upload__text">
-                Drag & drop or <em>click here</em> to upload your {{ fileType.join(',').replaceAll('image/', '') }}
-                images
-            </div>
-            <template #tip>
-                <div class="el-upload__tip">
-                    Unlimited uploads, but it is recommended not to exceed {{
-            limit }} files.
-                </div>
-            </template>
-        </el-upload>
+  <div class="mx-auto w-1/2 mt-4">
+    <h1 class="text-3xl font-bold text-center my-5">HEIC/HEIF Simple, Free, and Offline Converter</h1>
+    <el-upload :show-file-list="false" v-model:file-list="imageList" action="#" :http-request="handleHttpUpload"
+      :before-upload="beforeUpload" :on-exceed="handleExceed" :on-success="uploadSuccess" :on-progress="handleProgress"
+      drag multiple :limit="limit" :accept="fileType.join(',')">
+      <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+      <div class="el-upload__text">
+        Drag & drop or <em>click here</em> to upload your {{ fileType.join(',').replaceAll('image/', '') }}
+        images
+      </div>
+      <template #tip>
+        <div class="el-upload__tip">
+          Unlimited uploads, but it is recommended not to exceed {{
+      limit }} files.
+        </div>
+      </template>
+    </el-upload>
 
-        <el-drawer v-model="showImageList" title="Images List" direction="rtl" size="40%">
-            <el-table v-if="isImageSelected" :data="imageList">
-                <el-table-column prop="name" label="Name" width="90" show-overflow-tooltip
-                    align="center"></el-table-column>
-                <el-table-column prop="size" label="Size (MB)" width="90">
-                    <template #default="{ row }">{{ (row.size / 1024 / 1024).toFixed(2) }}</template>
-                </el-table-column>
-                <el-table-column prop="convertedSize" label="ConvertedSize (MB)" align="center">
-                    <template #default="{ row }">{{ row?.convertedSize ? ((row.convertedSize) / 1024 /
-            1024).toFixed(2) : '-' }}</template>
-                </el-table-column>
-                <el-table-column prop="progress" label="Progress">
-                    <template #default="{ row }">
-                        <el-progress :percentage="row.progress" />
-                    </template>
-                </el-table-column>
-                <el-table-column label="Actions">
-                    <template #default="{ row }">
-                        <span v-show="!row.converted" class="px-1 cursor-pointer select-none">-</span>
-                        <span v-show="row.converted" @click="downloadImage(row)"
-                            class="px-1 cursor-pointer select-none text-green-500">download</span>
-                        <!-- <span class="px-1 cursor-pointer select-none text-red-500">删除</span> -->
-                    </template>
-                </el-table-column>
-            </el-table>
-        </el-drawer>
+    <el-drawer v-model="showImageList" title="Images List" direction="rtl" size="40%">
+      <el-table v-if="isImageSelected" :data="imageList">
+        <el-table-column prop="name" label="Name" width="90" show-overflow-tooltip align="center"></el-table-column>
+        <el-table-column prop="size" label="Size (MB)" width="90">
+          <template #default="{ row }">{{ (row.size / 1024 / 1024).toFixed(2) }}</template>
+        </el-table-column>
+        <el-table-column prop="convertedSize" label="ConvertedSize (MB)" align="center">
+          <template #default="{ row }">{{ row?.convertedSize ? ((row.convertedSize) / 1024 /
+      1024).toFixed(2) : '-' }}</template>
+        </el-table-column>
+        <el-table-column prop="progress" label="Progress">
+          <template #default="{ row }">
+            <el-progress :percentage="row.progress" />
+          </template>
+        </el-table-column>
+        <el-table-column label="Actions">
+          <template #default="{ row }">
+            <span v-show="!row.converted" class="px-1 cursor-pointer select-none">-</span>
+            <span v-show="row.converted" @click="downloadImage(row)"
+              class="px-1 cursor-pointer select-none text-green-500">download</span>
+            <!-- <span class="px-1 cursor-pointer select-none text-red-500">删除</span> -->
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-drawer>
 
-        <section v-show="isImageSelected" class="flex flex-col w-1/2 ">
-            <h4 class="my-2">Options</h4>
-            <section class="flex items-center ">
-                <span class="text-sm overflow-hidden text-ellipsis whitespace-nowrap flex-1">Format</span>
-                <el-select class="ml-4 flex-007" v-model="format" placeholder="please select format">
-                    <el-option label="PNG" value="image/png"></el-option>
-                    <el-option label="JPEG" value="image/jpeg"></el-option>
-                    <!-- <el-option label="GIF" value="image/gif"></el-option> -->
-                </el-select>
+    <section v-show="isImageSelected" class="flex flex-col w-1/2 ">
+      <h4 class="my-2">Options</h4>
+      <section class="flex items-center ">
+        <span class="text-sm overflow-hidden text-ellipsis whitespace-nowrap flex-1">Format</span>
+        <el-select class="ml-4 flex-007" v-model="format" placeholder="please select format">
+          <el-option label="PNG" value="image/png"></el-option>
+          <el-option label="JPEG" value="image/jpeg"></el-option>
+          <!-- <el-option label="GIF" value="image/gif"></el-option> -->
+        </el-select>
 
-                <!-- <span class="text-sm overflow-hidden text-ellipsis whitespace-nowrap flex-1">gifInterval</span>
+        <!-- <span class="text-sm overflow-hidden text-ellipsis whitespace-nowrap flex-1">gifInterval</span>
                 <el-slider class="ml-7 flex-007" v-model="gifInterval" :min="0.1" :max="1" :step="0.1" /> -->
-            </section>
-            <section class="flex items-center">
-                <span class="text-sm overflow-hidden text-ellipsis whitespace-nowrap flex-1">Quality</span>
-                <el-slider class="ml-4 flex-007" v-model="quality" :min="0" :max="1" :step="0.1">Quality</el-slider>
-            </section>
-        </section>
-        <section class="mt-4">
-            <el-button :loading="loading" plain @click="convertImages" v-show="isImageSelected">
-                Convert
-            </el-button>
-            <el-button plain @click="previewImages" v-show="isConvertedAll">
-                Preview
-            </el-button>
-            <el-button plain v-show="isConvertedAll" @click="downloadImages">
-                Download All
-            </el-button>
-            <el-button plain v-show="isImageSelected" @click="refreshList">
-                Refresh List
-            </el-button>
-            <el-button v-show="isImageSelected" plain @click="showImageList = true">
-                Check List
-            </el-button>
-        </section>
+      </section>
+      <section class="flex items-center">
+        <span class="text-sm overflow-hidden text-ellipsis whitespace-nowrap flex-1">Quality</span>
+        <el-slider class="ml-4 flex-007" v-model="quality" :min="0" :max="1" :step="0.1">Quality</el-slider>
+      </section>
+    </section>
+    <section class="mt-4">
+      <el-button :loading="loading" plain @click="convertImages" v-show="isImageSelected">
+        Convert
+      </el-button>
+      <el-button plain @click="previewImages" v-show="isConvertedAll">
+        Preview
+      </el-button>
+      <el-button plain v-show="isConvertedAll" @click="downloadImages">
+        Download All
+      </el-button>
+      <el-button plain v-show="isImageSelected" @click="refreshList">
+        Refresh List
+      </el-button>
+      <el-button v-show="isImageSelected" plain @click="showImageList = true">
+        Check List
+      </el-button>
+    </section>
 
-        <el-image-viewer v-if="imgViewVisible" :url-list="viewImageUrls" @close="imgViewVisible = false" />
-        <description />
+    <el-image-viewer v-if="imgViewVisible" :url-list="viewImageUrls" @close="imgViewVisible = false" />
+    <description />
 
 
 
-        <!-- Batch Convert HEIC to PNG or JPG For FREE
+    <!-- Batch Convert HEIC to PNG or JPG For FREE
         It's compatible with all platforms, requires no registration, and is completely free with unlimited access.
         Enjoy higher compatibility without the need for installation.
         Convert HEIC to JPG or PNG
@@ -94,7 +93,7 @@
         compatibility without the need for installation. It's compatible with all platforms, requires no registration,
         and is
         completely free with unlimited access. Convert your HEIC images now! -->
-    </div>
+  </div>
 </template>
 
 <script setup>
@@ -128,15 +127,15 @@ const imageList = ref([]);
  * @param rawFile 选择的文件
  * */
 const beforeUpload = rawFile => {
-    const imgSize = rawFile.size / 1024 / 1024 < fileSize;
-    const imgType = fileType.includes(rawFile.type);
-    if (!imgType)
-        ElMessage.error(`just surpport ${fileType.join(',').replaceAll('image/', '')} format！`)
-    // if (!imgSize)
-    //     setTimeout(() => {
-    //         ElMessage.error(`file size should not exceed ${fileSize}MB！`)
-    //     }, 0);
-    return imgType;
+  const imgSize = rawFile.size / 1024 / 1024 < fileSize;
+  const imgType = fileType.includes(rawFile.type);
+  if (!imgType)
+    ElMessage.error(`just surpport ${fileType.join(',').replaceAll('image/', '')} format！`)
+  // if (!imgSize)
+  //     setTimeout(() => {
+  //         ElMessage.error(`file size should not exceed ${fileSize}MB！`)
+  //     }, 0);
+  return imgType;
 };
 
 /**
@@ -144,12 +143,12 @@ const beforeUpload = rawFile => {
  * @param event 上传事件
  */
 const handleProgress = (event, file, fileList) => {
-    console.log(event, file, fileList, 'progress');
-    const progress = Math.round((event.loaded / event.total) * 100);
-    const index = fileList.value.findIndex(item => item.uid === file.uid);
-    if (index !== -1) {
-        fileList.value[index].progress = progress;
-    }
+  console.log(event, file, fileList, 'progress');
+  const progress = Math.round((event.loaded / event.total) * 100);
+  const index = fileList.value.findIndex(item => item.uid === file.uid);
+  if (index !== -1) {
+    fileList.value[index].progress = progress;
+  }
 };
 /**
  * @description 自定义图片上传
@@ -163,31 +162,31 @@ const handleHttpUpload = async (options) => { };
  * @param uploadFile 上传的文件
  * */
 const uploadSuccess = (files) => {
-    console.log(files, 'upload success');
-    //     const fileSize = (file.size / 1024 / 1024).toFixed(2);
-    //     const uploadedFile = {
-    //         name: file.name,
-    //         size: fileSize,
-    //         progress: 100,
-    //         converted: false,
-    //     };
-    //     imageList.value.push(uploadedFile);
+  console.log(files, 'upload success');
+  //     const fileSize = (file.size / 1024 / 1024).toFixed(2);
+  //     const uploadedFile = {
+  //         name: file.name,
+  //         size: fileSize,
+  //         progress: 100,
+  //         converted: false,
+  //     };
+  //     imageList.value.push(uploadedFile);
 };
 
 /**
  * @description 文件数超出
  * */
 const handleExceed = (files) => {
-    ElMessage.warning(
-        `You can only upload up to ${max} files, but,you uploaded ${files.length + imageList.value.length} files.`
-    )
+  ElMessage.warning(
+    `You can only upload up to ${max} files, but,you uploaded ${files.length + imageList.value.length} files.`
+  )
 }
 
 let imgViewVisible = ref(false);
 let viewImageUrls = ref([]);
 const previewImages = () => {
-    viewImageUrls.value = imageList.value.map((item) => URL.createObjectURL(item.convertedImage))
-    imgViewVisible.value = true;
+  viewImageUrls.value = imageList.value.map((item) => URL.createObjectURL(item.convertedImage))
+  imgViewVisible.value = true;
 };
 
 
@@ -197,84 +196,84 @@ const quality = ref(0.8);
 // const gifInterval = ref(0.8);
 
 const isImageSelected = computed(() => {
-    return imageList.value.length > 0;
+  return imageList.value.length > 0;
 });
 let isConvertedAll = ref(false);
 let showImageList = ref(false);
 let loading = ref(false);
 const convertImages = () => {
-    if (isConvertedAll.value) {
-        // 如果已经是再次转换,更新 progress
-        imageList.value.forEach((item) => {
-            item.progress = 0
-            item.convertedSize = 0
-            item.converted = false
-            item.convertedImage = null
-        })
-        isConvertedAll.value = false
-    }
-    loading.value = true
-    showImageList.value = true
-    // Convert image format and update progress
-    const option = { toType: format.value, quality: quality.value }
-    // format.value === 'image/gif' ? option.gifInterval = 0.3 : option.quality = quality.value
-    let convertedCount = 0; // 记录已转换成功的图片数量
-
+  if (isConvertedAll.value) {
+    // 如果已经是再次转换,更新 progress
     imageList.value.forEach((item) => {
-        const convertedImage = heic2any({
-            blob: item.raw,
-            ...option // cuts the quality and size by half
-        })
+      item.progress = 0
+      item.convertedSize = 0
+      item.converted = false
+      item.convertedImage = null
+    })
+    isConvertedAll.value = false
+  }
+  loading.value = true
+  showImageList.value = true
+  // Convert image format and update progress
+  const option = { toType: format.value, quality: quality.value }
+  // format.value === 'image/gif' ? option.gifInterval = 0.3 : option.quality = quality.value
+  let convertedCount = 0; // 记录已转换成功的图片数量
+
+  imageList.value.forEach((item) => {
+    const convertedImage = heic2any({
+      blob: item.raw,
+      ...option // cuts the quality and size by half
+    })
 
-        convertedImage.then((result) => {
-            item.converted = true;
-            item.progress = 100;
-            item.convertedSize = result.size
-            item.convertedImage = result;
-            convertedCount++; // 每次转换成功，计数器加1 
-            // 检查是否所有图片都已转换成功
-            if (convertedCount === imageList.value.length) {
-                loading.value = false;
-                showImageList.value = false;
-                isConvertedAll.value = true;
-            }
-        })
+    convertedImage.then((result) => {
+      item.converted = true;
+      item.progress = 100;
+      item.convertedSize = result.size
+      item.convertedImage = result;
+      convertedCount++; // 每次转换成功，计数器加1 
+      // 检查是否所有图片都已转换成功
+      if (convertedCount === imageList.value.length) {
+        loading.value = false;
+        showImageList.value = false;
+        isConvertedAll.value = true;
+      }
     })
+  })
 };
 
 const refreshList = () => {
-    imageList.value = [];
-    isConvertedAll.value = false;
-    showImageList.value = false;
+  imageList.value = [];
+  isConvertedAll.value = false;
+  showImageList.value = false;
 }
 const downloadImages = () => {
-    const zip = new JSZip();
-    imageList.value.forEach((item) => {
-        const filename = `${item.name.split('.')[0]}.${format.value.replace('image/', '')}`;
-        zip.file(filename, item.convertedImage, { binary: true });
-    })
+  const zip = new JSZip();
+  imageList.value.forEach((item) => {
+    const filename = `${item.name.split('.')[0]}.${format.value.replace('image/', '')}`;
+    zip.file(filename, item.convertedImage, { binary: true });
+  })
 
-    // Generate the zip file
-    zip.generateAsync({ type: 'blob' })
-        .then((zipBlob) => {
-            // Create a download link and trigger the download
-            saveAsfile(zipBlob, 'images.zip');
-        })
-        .catch((error) => {
-            console.error('Failed to generate the zip file:', error);
-        });
+  // Generate the zip file
+  zip.generateAsync({ type: 'blob' })
+    .then((zipBlob) => {
+      // Create a download link and trigger the download
+      saveAsfile(zipBlob, 'images.zip');
+    })
+    .catch((error) => {
+      console.error('Failed to generate the zip file:', error);
+    });
 };
 
 
 const downloadImage = (item) => {
-    console.log(item, 'download image');
-    saveAsfile(item.convertedImage, `${item.name.split('.')[0]}.${format.value.replace('image/', '')}`);
+  console.log(item, 'download image');
+  saveAsfile(item.convertedImage, `${item.name.split('.')[0]}.${format.value.replace('image/', '')}`);
 }
 const saveAsfile = (blob, name) => {
-    const link = document.createElement('a');
-    link.href = URL.createObjectURL(blob);
-    link.download = name;
-    link.click();
+  const link = document.createElement('a');
+  link.href = URL.createObjectURL(blob);
+  link.download = name;
+  link.click();
 }
 // todo 移除 exif
 // crop changedpi
@@ -287,4 +286,4 @@ const saveAsfile = (blob, name) => {
  * 
  *  */
 
-</script>
\ No newline at end of file
+</script>