feats

src/components/Image.vue

 <template>
-  <img class="page-image" :src="src" alt="" @load="onLoad">
-  <template v-if="actions">
-    <CoverBtn
-      v-for="(action, inx) in actions"
-      :key="inx"
-      :center="centers[inx]"
-      :width="action.width"
-      :height="action.height"
-      @click="action.onClick"
-    />
-  </template>
+  <div class="img-wrapper">
+    <img class="page-image" :src="src" alt="" @load="onLoad">
+    <template v-if="actions">
+      <CoverBtn
+        v-for="(action, inx) in actions"
+        :key="inx"
+        :center="centers[inx]"
+        :width="action.width"
+        :height="action.height"
+        @click="action.onClick"
+      />
+    </template>
+  </div>
 </template>
 
 <script setup>
 </script>
 
 <style lang="less" scoped>
-.page-image {
-  display: block;
-  width: 100%;
+
+.img-wrapper {
+  position: relative;
+
+  .page-image {
+    display: block;
+    width: 100%;
+  }
+
 }
+
 </style>

src/components/QrCode.vue

   max-width: 1px;
   max-height: 1px;
   overflow: hidden;
+  top: -1000px;
+  left: -1000px;
   // z-index: 1000;
 
   .qrcode {

src/pages/makeSaving/index.vue

   };
 
   const onLoad = (e) => {
+    console.log('---------')
     const { width, height, naturalHeight, naturalWidth } = e.target;
     const xRate = width / naturalWidth;
     const yRate = height / naturalHeight;