From 05f758f1c1d55798f175a4e57c0306ca17090dae Mon Sep 17 00:00:00 2001
From: Waheed Ahmed <waheed.ahmed@arbisoft.com>
Date: Wed, 31 Jul 2019 15:25:28 +0500
Subject: [PATCH] Fix photo ID verify images aspect ratio.

PROD-499
---
 lms/static/js/verify_student/views/webcam_photo_view.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/lms/static/js/verify_student/views/webcam_photo_view.js b/lms/static/js/verify_student/views/webcam_photo_view.js
index 2733ecd215..ad1e4c115f 100644
--- a/lms/static/js/verify_student/views/webcam_photo_view.js
+++ b/lms/static/js/verify_student/views/webcam_photo_view.js
@@ -50,11 +50,15 @@
                  },
 
                  snapshot: function() {
-                     var video, canvas;
+                     var video, canvas, aspectRatio;
 
                      if (this.stream) {
                          video = this.getVideo();
                          canvas = this.getCanvas();
+                         // keep canvas aspect ratio same as video while drawing image.
+                         aspectRatio = canvas.width / video.videoWidth;
+                         canvas.width = video.videoWidth * aspectRatio;
+                         canvas.height = video.videoHeight * aspectRatio;
                          canvas.getContext('2d').drawImage(video, 0, 0, canvas.width, canvas.height);
                          video.pause();
                          return true;