图片太小

src/components/camara/index.vue

@@ -7,14 +7,14 @@
       <!--canvas截取流-->
       <el-row>
         <el-col :span="12">
-          <video ref="video" v-show="isnotbtn" width="240" height="180" autoplay></video>
+          <video ref="video"  width="240" height="180" autoplay></video>
           <div style="mt20" class="tc">
             <el-button size="medium" type="primary" @click="photograph">采集</el-button>
           </div>
         </el-col>
 
         <el-col :span="12">
-          <canvas ref="canvas" v-show="isnotbtn" width="240" height="180"></canvas>
+          <canvas ref="canvas"  width="240" height="180"></canvas>
           <div style="mt20" class="tc">
             <el-button size="medium" type="primary" @click="useImage">使用图片</el-button>
           </div>
@@ -80,9 +80,9 @@
       photograph() {
         let ctx = this.$refs["canvas"].getContext("2d");
         // 把当前视频帧内容渲染到canvas上
-        ctx.drawImage(this.$refs["video"], 0, 0, 640, 480);
+        ctx.drawImage(this.$refs["video"], 0, 0, 240, 180);
         // 转base64格式、图片格式转换、图片质量压缩
-        let imgBase64 = this.$refs["canvas"].toDataURL("image/jpeg", 0.7); // 由字节转换为KB 判断大小
+        let imgBase64 = this.$refs["canvas"].toDataURL("image/jpeg", 1); // 由字节转换为KB 判断大小
         this.imageBase64 = imgBase64.replace("data:image/jpeg;base64,", "");
         // let str = imgBase64.replace("data:image/jpeg;base64,", "");
         // let strLength = str.length;