diff --git a/src/views/CameraCapture.vue b/src/views/CameraCapture.vue index 1ad0711..0ca0462 100644 --- a/src/views/CameraCapture.vue +++ b/src/views/CameraCapture.vue @@ -213,21 +213,23 @@ export default { takePhoto() { this.isPhotoTaken = true - this.photo.height = document.getElementById('camera_preview').offsetHeight + setTimeout(() => { + this.photo.height = document.getElementById('camera_preview').offsetHeight - this.$refs.canvas.width = this.stream.width - this.$refs.canvas.height = this.stream.height + this.$refs.canvas.width = this.stream.width + this.$refs.canvas.height = this.stream.height - const context = this.$refs.canvas.getContext('2d') - context.drawImage( - this.$refs.camera, - 0, 0, - this.stream.width, - this.stream.height) + const context = this.$refs.canvas.getContext('2d') + context.drawImage( + this.$refs.camera, + 0, 0, + this.stream.width, + this.stream.height) - this.photo.src = this.$refs.canvas.toDataURL('image/png')//.replace('image/png', 'image/octet-stream') - - this.showPhotoTakenModal = true + this.photo.src = this.$refs.canvas.toDataURL('image/png')//.replace('image/png', 'image/octet-stream') + + this.showPhotoTakenModal = true + }, 50) }, uploadPhoto() { this.isUploading = true