调整摄像头像素

src/renderer/components/views/receiveDeliveryNote.vue

@@ -30,7 +30,7 @@
         <a-button type="primary" @click="createAndPrint"  style="width: 120px;height:40px" size="large" :loading="loading">
           创建并打印
         </a-button>
-<!--        <a-button type="primary" @click="print" style="height:60px;width: 100px;margin-left: 480px" size="large">-->
+<!--        <a-button type="primary" @click="print" style="height:60px;width: 100px;margin-left: 1080px" size="large">-->
 <!--          补打-->
 <!--        </a-button>-->
       </div>
@@ -42,14 +42,14 @@
       </a-table>
     </a-card>
     <a-card>
-      <video id="video" v-ant-ref="(c) => (video = c)" width="640" height="480" autoplay hidden></video>
+      <video id="video" v-ant-ref="(c) => (video = c)" width="1920" height="1080" autoplay hidden></video>
       <!--            <button id="snap" v-ant-ref="(c) => (snap = c)" hidden>拍照</button>-->
       <!--            <button id="save" v-ant-ref="(c) => (save = c)" hidden>保存</button>-->
-      <canvas id="canvas" v-ant-ref="(c) => (canvas = c)" width="640" height="480" hidden></canvas>
-      <video id="video2" v-ant-ref="(c) => (video2 = c)" width="640" height="480" autoplay hidden></video>
-      <canvas id="canvas2" v-ant-ref="(c) => (canvas2 = c)" width="640" height="480" hidden></canvas>
-      <video id="video3" v-ant-ref="(c) => (video3 = c)" width="640" height="480" autoplay hidden></video>
-      <canvas id="canvas3" v-ant-ref="(c) => (canvas3 = c)" width="640" height="480" hidden></canvas>
+      <canvas id="canvas" v-ant-ref="(c) => (canvas = c)" width="1920" height="1080" hidden></canvas>
+      <video id="video2" v-ant-ref="(c) => (video2 = c)" width="1920" height="1080" autoplay hidden></video>
+      <canvas id="canvas2" v-ant-ref="(c) => (canvas2 = c)" width="1920" height="1080" hidden></canvas>
+      <video id="video3" v-ant-ref="(c) => (video3 = c)" width="1920" height="1080" autoplay hidden></video>
+      <canvas id="canvas3" v-ant-ref="(c) => (canvas3 = c)" width="1920" height="1080" hidden></canvas>
     </a-card>
   </div>
 </template>
@@ -261,7 +261,12 @@ export default {
       if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
         // Not adding `{ audio: true }` since we only want video now
         for (let i = 0; i < self.deviceIds.length; i++) {
-          navigator.mediaDevices.getUserMedia({ video: { deviceId: { exact: self.deviceIds[i] } } })
+              navigator.mediaDevices.getUserMedia({ video: {
+                  deviceId: {exact: self.deviceIds[i]},
+                  width: 1920,
+                  height: 1080,
+                }
+              })
               .then(function(stream) {
                 // 访问成功，可以做一些处理，比如显示摄像头画面
                 if (i == 0) {
@@ -287,17 +292,17 @@ export default {
           for (let i = 0; i < self.deviceIds.length; i++) {
             if (i == 0) {
               var context = canvas.getContext('2d');
-              context.drawImage(video, 0, 0, 640, 480);
+              context.drawImage(video, 0, 0, 1920, 1080);
               var picBase64 = canvas.toDataURL()
               formData.append('file1',self.base64toBlob(picBase64));
             } else if (i == 1) {
               var context = canvas2.getContext('2d');
-              context.drawImage(video2, 0, 0, 640, 480);
+              context.drawImage(video2, 0, 0, 1920, 1080);
               var picBase642 = canvas2.toDataURL()
               formData.append('file2',self.base64toBlob(picBase642));
             } else if (i == 2) {
               var context = canvas3.getContext('2d');
-              context.drawImage(video3, 0, 0, 640, 480);
+              context.drawImage(video3, 0, 0, 1920, 1080);
               var picBase643 = canvas3.toDataURL()
               formData.append('file3',self.base64toBlob(picBase643));
             }
@@ -476,17 +481,17 @@ export default {
         for (let i = 0; i < self.deviceIds.length; i++) {
           if (i == 0) {
             var context = canvas.getContext('2d');
-            context.drawImage(video, 0, 0, 640, 480);
+            context.drawImage(video, 0, 0, 1920, 1080);
             var picBase64 = canvas.toDataURL()
             formData.append('file1',self.base64toBlob(picBase64));
           } else if (i == 1) {
             var context = canvas2.getContext('2d');
-            context.drawImage(video2, 0, 0, 640, 480);
+            context.drawImage(video2, 0, 0, 1920, 1080);
             var picBase642 = canvas2.toDataURL()
             formData.append('file2',self.base64toBlob(picBase642));
           } else if (i == 2) {
             var context = canvas3.getContext('2d');
-            context.drawImage(video3, 0, 0, 640, 480);
+            context.drawImage(video3, 0, 0, 1920, 1080);
             var picBase643 = canvas3.toDataURL()
             formData.append('file3',self.base64toBlob(picBase643));
           }

src/renderer/components/views/sendDeliveryNote.vue

@@ -3,7 +3,7 @@
         <a-card style="height: 700px">
             <a-form-model layout="inline" :model="searchModel" class="text-center form" size="large">
                 <a-form-model-item label="交货单号">
-                    <a-input v-model="searchModel.deliveryNote" style="width: 480px" size="large"
+                    <a-input v-model="searchModel.deliveryNote" style="width: 1080px" size="large"
                              ref="deliveryNote" allowClear></a-input>
                 </a-form-model-item>
                 <a-form-model-item>
@@ -25,14 +25,14 @@
             </a-table>
         </a-card>
         <a-card>
-            <video id="video" v-ant-ref="(c) => (video = c)" width="640" height="480" autoplay hidden></video>
+            <video id="video" v-ant-ref="(c) => (video = c)" width="1920" height="1080" autoplay hidden></video>
 <!--            <button id="snap" v-ant-ref="(c) => (snap = c)" hidden>拍照</button>-->
 <!--            <button id="save" v-ant-ref="(c) => (save = c)" hidden>保存</button>-->
-            <canvas id="canvas" v-ant-ref="(c) => (canvas = c)" width="640" height="480" hidden></canvas>
-          <video id="video2" v-ant-ref="(c) => (video2 = c)" width="640" height="480" autoplay hidden></video>
-          <canvas id="canvas2" v-ant-ref="(c) => (canvas2 = c)" width="640" height="480" hidden></canvas>
-          <video id="video3" v-ant-ref="(c) => (video3 = c)" width="640" height="480" autoplay hidden></video>
-          <canvas id="canvas3" v-ant-ref="(c) => (canvas3 = c)" width="640" height="480" hidden></canvas>
+            <canvas id="canvas" v-ant-ref="(c) => (canvas = c)" width="1920" height="1080" hidden></canvas>
+          <video id="video2" v-ant-ref="(c) => (video2 = c)" width="1920" height="1080" autoplay hidden></video>
+          <canvas id="canvas2" v-ant-ref="(c) => (canvas2 = c)" width="1920" height="1080" hidden></canvas>
+          <video id="video3" v-ant-ref="(c) => (video3 = c)" width="1920" height="1080" autoplay hidden></video>
+          <canvas id="canvas3" v-ant-ref="(c) => (canvas3 = c)" width="1920" height="1080" hidden></canvas>
         </a-card>
     </div>
 </template>
@@ -179,7 +179,12 @@ export default {
             if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
                 // Not adding `{ audio: true }` since we only want video now
                 for (let i = 0; i < self.deviceIds.length; i++) {
-                  navigator.mediaDevices.getUserMedia({ video: { deviceId: { exact: self.deviceIds[i] } } })
+                      navigator.mediaDevices.getUserMedia({ video: {
+                          deviceId: {exact: self.deviceIds[i]},
+                          width: 1920,
+                          height: 1080,
+                        }
+                      })
                       .then(function(stream) {
                         // 访问成功，可以做一些处理，比如显示摄像头画面
                         if (i == 0) {
@@ -205,17 +210,17 @@ export default {
                 for (let i = 0; i < self.deviceIds.length; i++) {
                   if (i == 0) {
                     var context = canvas.getContext('2d');
-                    context.drawImage(video, 0, 0, 640, 480);
+                    context.drawImage(video, 0, 0, 1920, 1080);
                     var picBase64 = canvas.toDataURL()
                     data.append('file1',self.base64toBlob(picBase64));
                   } else if (i == 1) {
                     var context = canvas2.getContext('2d');
-                    context.drawImage(video2, 0, 0, 640, 480);
+                    context.drawImage(video2, 0, 0, 1920, 1080);
                     var picBase642 = canvas2.toDataURL()
                     data.append('file2',self.base64toBlob(picBase642));
                   } else if (i == 2) {
                     var context = canvas3.getContext('2d');
-                    context.drawImage(video3, 0, 0, 640, 480);
+                    context.drawImage(video3, 0, 0, 1920, 1080);
                     var picBase643 = canvas3.toDataURL()
                     data.append('file3',self.base64toBlob(picBase643));
                   }