调整

pages/beiyinmei/beiyinmei.js

@@ -60,35 +60,41 @@ Page({
     const listener = this.cameraContext.onCameraFrame((frame) => {
       if (n % 25 == 0 && flag) {
         flag = false
-        this.setData({
-          canvas: {
-            height: 500,
-            width: 500,
-            flag: false
-          }
-        })
-        console.log(frame)
-        const base64 = wx.arrayBufferToBase64(frame.data)
-        // console.log(base64);
-        that.setData({
-          src: 'data:image/jpg;base64,' + base64
-        });
- 
-        const data = new Uint8ClampedArray(frame.data);
-        // wx.canvasPutImageData({
-        //   canvasId: 'myCanvas',
-        //   x: 0,
-        //   y: 0,
+        // this.setData({
+        //   canvas: {
+        //     height: frame.height,
         //     width: frame.width,
-        //   height: frame.width,
-        //   data: data,
-        //   success (res) {},
-        //   fail(err){
-        //     console.log(err);
+        //     flag: false
         //   }
         // })
+        // console.log(frame.data)
+        // const base64 = wx.arrayBufferToBase64(frame.data)
+        // console.log(base64);
+        // that.setData({
+        //   src: 'data:image/jpg;base64,' + base64
+        // });
+        const data = new Uint8ClampedArray(frame.data);
 
-        // return
+        const d = qrcode.decodefrank(frame.width, frame.height, data)
+        if (d) {
+          this.cameraContext.takePhoto({
+            success: (res) => {
+              this.setData({
+                src: res.tempImagePath
+              })
+              console.log(888, res);
+            },
+            fail(e) {
+              console.log(e, 555);
+            }
+          })
+          flag = false
+        }
+        else{
+          flag = true
+        }
+        console.log(d)
+        return
         const query = wx.createSelectorQuery()
         query.select('#myCanvas')
           .fields({
@@ -98,19 +104,24 @@ Page({
           .exec((res) => {
             const canvas = res[0].node
             const ctx = canvas.getContext('2d')
-            // const imgData=  ctx.getImageData(0,0,200,200)
-            // console.log(new ImageData(data,100,100));
-            // const d=  ctx.putImageData(new ImageData(data,frame.width,frame.height),0,0)
-            const imgData = canvas.createImageData(data, 400, 400)
-            const d = ctx.putImageData(imgData, 0, 0)
-            flag = true
-            console.log(imgData, 4444, d);
+
+            const imgData = canvas.createImageData(data, frame.height, frame.width)
+            console.log(imgData)
+
+            ctx.putImageData(imgData, 0, 0)
+            //flag = true
+            console.log(imgData, 4444);
+
+
           })
       }
       n++
     })
     listener.start()
   },
+  onScanCode(e) {
+    console.log(e)
+  },
 
   checkPictureCode(imagePath) {
     const that = this

pages/beiyinmei/beiyinmei.wxml

 <!--pages/beiyinmei/beiyinmei.wxml-->
 <view style="height: 100vh;width: 100vw;position: relative;z-index: 99;">
-  <camera device-position="back" frame-size="large" flash="off" binderror="error" style="width: 100%; height: 300px;" mode="normal">
+  <camera device-position="back" frame-size="medium" flash="off" binderror="error" style="width: 100%; height: 300px;" mode="normal" bindscancode="onScanCode">
     <view class="prompt">
-      <image src="/assets/imgs/拍照框.png" style="width: 40%;" mode="widthFix"/>
-      <text >请把二维码放置拍照框内</text>
+      <image src="/assets/imgs/拍照框.png" style="width: 40%;" mode="widthFix" />
+      <text>请把二维码放置拍照框内</text>
     </view>
   </camera>
-  <view style="visibility: hidden;">
-  <canvas type="2d" id="myCanvas" canvas-id="myCanvas" style="height:{{canvas.height}}px;width: {{canvas.width}}px;"></canvas>
-  <image src="{{img}}" mode="widthFix"/>
+  <canvas type="2d" id="myCanvas" canvas-id="myCanvas" style="height:200px;width: 200px;"></canvas>
+  <image src="{{src}}" mode="widthFix" style="position: fixed; bottom: 100px; width: 100%;" />
 
 </view>
\ No newline at end of file
-</view>
-