兼容高密度设备

src/graphic/Coordinate.js

@@ -82,8 +82,9 @@ export default class Coordinate {
 
   updateForCanvas(canvas) {
     if (canvas) {
-      canvas.width *= this.ratio;
-      canvas.height *= this.ratio;
+      console.log(canvas.offsetWidth, canvas.offsetHeight)
+      canvas.width = canvas.offsetWidth * this.ratio;
+      canvas.height = canvas.offsetHeight * this.ratio;
       this.width = canvas.width;
       this.height = canvas.height;
     }

src/store/sync.ts

@@ -59,7 +59,9 @@ export const api =
           }
           url = url.trim();
           const data = await axios.get(url, { responseType: "blob" });
-          return await blobToBase64(data.data);
+          const base64 = await blobToBase64(data.data);
+          console.log("请求url:" + url, "返回:" + base64.substring(0, 20))
+          return base64
         },
         async closePage() {
           return router.push({ name: writeRouteName.scene });

src/utils/index.ts

@@ -527,10 +527,10 @@ export const base64ToBlob = (base64Data: string) => {
 };
 
 export const blobToBase64 = (blob: Blob) => {
-  return new Promise((resolve, reject) => {
+  return new Promise<string>((resolve, reject) => {
     const fileReader = new FileReader();
     fileReader.onload = (e) => {
-      resolve(e.target.result);
+      resolve(e.target.result as string);
     };
     // readAsDataURL
     fileReader.readAsDataURL(blob);

src/views/graphic/container.vue

@@ -32,6 +32,7 @@ onMounted(() => {
   display: flex;
 }
 
+.canvas-layout,
 .draw-canvas {
   width : 100%;
   height: 100%;