Your Name 2 years ago
parent
commit
aad5d2592c
3 changed files with 19 additions and 2 deletions
  1. 4
    0
      index.html
  2. 10
    0
      public/vconsole.min.js
  3. 5
    2
      src/components/QrCode.vue

+ 4
- 0
index.html View File

10
     <script src="./qrcode.min.js"></script>
10
     <script src="./qrcode.min.js"></script>
11
     <script src="./config.js"></script>
11
     <script src="./config.js"></script>
12
     <title>和“宁好”一起,跟着诗歌游南京</title>
12
     <title>和“宁好”一起,跟着诗歌游南京</title>
13
+    <!-- <script src="./vconsole.min.js"></script>
14
+    <script>
15
+      const vConsole = new VConsole();
16
+    </script> -->
13
   </head>
17
   </head>
14
   <body>
18
   <body>
15
     <div id="app"></div>
19
     <div id="app"></div>

+ 10
- 0
public/vconsole.min.js
File diff suppressed because it is too large
View File


+ 5
- 2
src/components/QrCode.vue View File

17
   const qrcode = new QRCode("qrcode");
17
   const qrcode = new QRCode("qrcode");
18
   qrcode.makeCode(location.origin + origin.path);
18
   qrcode.makeCode(location.origin + origin.path);
19
 
19
 
20
-  const qrImage = document.querySelector('#qrcode img');
20
+  const qrCanvas = document.querySelector('#qrcode canvas');
21
   const canvas = cvsRef.value;
21
   const canvas = cvsRef.value;
22
   
22
   
23
   // 绘制地图 + 二维码
23
   // 绘制地图 + 二维码
30
 
30
 
31
     // 绘制地图
31
     // 绘制地图
32
     ctx.drawImage(mapImage,0,0);
32
     ctx.drawImage(mapImage,0,0);
33
+    ctx.save();
33
     // 绘制二维码, 160 是二维码的大小
34
     // 绘制二维码, 160 是二维码的大小
34
-    ctx.drawImage(qrImage, 1000, 2620, 160, 160);
35
+    ctx.drawImage(qrCanvas, 1000, 2620, 160, 160);
36
+    ctx.save();
35
     // 保存到 store
37
     // 保存到 store
36
     changeImage(canvas.toDataURL('image/png', 0.9));
38
     changeImage(canvas.toDataURL('image/png', 0.9));
37
   };
39
   };
46
   max-width: 1px;
48
   max-width: 1px;
47
   max-height: 1px;
49
   max-height: 1px;
48
   overflow: hidden;
50
   overflow: hidden;
51
+  // z-index: 1000;
49
 
52
 
50
   .qrcode {
53
   .qrcode {
51
     width:160px;
54
     width:160px;