Your Name пре 2 година
родитељ
комит
aad5d2592c
3 измењених фајлова са 19 додато и 2 уклоњено
  1. 4
    0
      index.html
  2. 10
    0
      public/vconsole.min.js
  3. 5
    2
      src/components/QrCode.vue

+ 4
- 0
index.html Прегледај датотеку

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

+ 10
- 0
public/vconsole.min.js
Разлика између датотеке није приказан због своје велике величине
Прегледај датотеку


+ 5
- 2
src/components/QrCode.vue Прегледај датотеку

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