修改环境

src/views/authentic/Pdf.vue

@@ -45,7 +45,7 @@
               </tr>
             </table>
             <div class="a4_sub_title">地块四至图</div>
-            <img :key="imgUrl" v-show="imgUrl" class="img-content img" style="z-index: 999" width="595" height="500" :src="imgUrl" />
+            <el-image :key="imgUrl" v-show="imgUrl" class="img-content img" style="z-index: 999" width="595" height="500" :src="imgUrl" />
             <div :key="imgUrl" v-show="!imgUrl" class="img-content" ref="mapRef" id="mapRefId"></div>
             <div class="signature">签名:______________</div>
           </div>
@@ -128,10 +128,8 @@ const closeDialog = (key) => {
 };
 function toImg(show) {
   let canvas = pdfMap.kmap.map.getViewport().querySelector('canvas')
-  let dataURL = canvas.toDataURL('image/png');
-  // if(show){
-    imgUrl.value = dataURL;
-  // }
+  let dataURL = canvas.toDataURL('image/webp',0.8);
+  imgUrl.value = dataURL;
 }
 
 
@@ -143,7 +141,7 @@ onMounted(()=>{
     pdfMap.initMap(data,mapRef.value)
     setTimeout(function(){
       toImg(false)
-    },1000)
+    },1500)
   })
 })
 </script>
@@ -278,6 +276,10 @@ $body-height:calc(100% - $title-height);
           .ol-layer{
             width:595px !important;
             height: 500px !important;
+            canvas{
+              width:595px !important;
+              height: 500px !important;
+            }
           }
         }
       }
@@ -296,9 +298,5 @@ $body-height:calc(100% - $title-height);
 
 
 }
-canvas{
-  width:595px;
-  height: 500px;
-}
 
 </style>