99

pages/cameraTakePhoto/cameraTakePhoto.js

@@ -291,14 +291,6 @@ Page({
                             all_state: true
                           })
                           that.listener.stop()
-                          // if (this.data.all_state === false) {
-                          //   console.log('全部完成后进行放大拍照')
-                          //   that.takePhoto2()
-                          //   that.setData({
-                          //     all_state: true
-                          //   })
-                          //   that.listener.stop()
-                          // }
                         }
                       } else {
                         console.log('拍照失败')

pages/fenggu/takephoto/takephoto.wxml

@@ -6,7 +6,7 @@
             <view class="step-item {{stepIndex > 2 ? 'step-active' : ''}}">验证</view>
         </view>
     </view>
-    <view class="photo" style="position: relative;flex:1;background-color: black;">
+    <view class="photo" style="position: relative;background-color: black;">
         <camera style="height: 100%;width: 100%;" flash="on"  devic-position="back" frame-size="large">
         </camera>
         <!-- 拍照框（正方形） -->
@@ -19,3 +19,9 @@
         </view>
     </view>
 </view>
+
+
+<view style="position:fixed; top: 999999999px;">
+  <canvas canvas-id="myCanvas" style='width:{{frame.width}}px; height:{{frame.height}}px;'></canvas>
+  <image src="{{src}}" mode="widthFix" style='width: {{windowWidth}}px; height: {{windowWidth}}px;border: 1px solid red; '></image>
+</view>
\ No newline at end of file

pages/fenggu/takephoto/takephoto.wxss

@@ -9,29 +9,39 @@
   box-sizing: border-box;
 }
 
-.takephoto .focus {
+.takephoto .photo .focus {
   position: absolute;
   top: 50%;
   left: 50%;
-  transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
   width: 400rpx;
-  z-index: 9999;
+  z-index: 99999;
 }
 
-.takephoto .focus {
+/* .takephoto .focus {
   position: absolute;
   top: 50%;
   left: 50%;
-    transform: translate(-50%,-50%);
+  transform: translate(-50%, -50%);
   width: 400rpx;
+  z-index: 99999;
+} */
+
+.takephoto .photo {
+  flex: 1;
+  height: 400rpx;
 }
 
 
-.step,.step-box,.bottom,.tabs {
+.step,
+.step-box,
+.bottom,
+.tabs {
   display: flex;
   justify-content: center;
   text-align: center;
 }
+
 .step .step-item {
   padding: 0 20rpx;
   height: 80rpx;
@@ -41,7 +51,7 @@
   background-color: #ADADAD;
 }
 
-.bottom .tabs .tabItem{
+.bottom .tabs .tabItem {
   height: 80rpx;
   line-height: 80rpx;
   min-width: 200rpx;