From fd604dfd2a8110ea62028d399917937b4535ea51 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 27 Aug 2018 22:40:30 +0300
Subject: [PATCH] fixed still-image not preserving original aspect ratio and
 resolution.

---
 src/components/still-image/still-image.js  | 6 +++++-
 src/components/still-image/still-image.vue | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/still-image/still-image.js b/src/components/still-image/still-image.js
index 0839aca5..5ad06dc2 100644
--- a/src/components/still-image/still-image.js
+++ b/src/components/still-image/still-image.js
@@ -18,7 +18,11 @@ const StillImage = {
     onLoad () {
       const canvas = this.$refs.canvas
       if (!canvas) return
-      canvas.getContext('2d').drawImage(this.$refs.src, 1, 1, canvas.width, canvas.height)
+      const width = this.$refs.src.naturalWidth
+      const height = this.$refs.src.naturalHeight
+      canvas.width = width
+      canvas.height = height
+      canvas.getContext('2d').drawImage(this.$refs.src, 0, 0, width, height)
     }
   }
 }
diff --git a/src/components/still-image/still-image.vue b/src/components/still-image/still-image.vue
index a37c678d..e23f8bc1 100644
--- a/src/components/still-image/still-image.vue
+++ b/src/components/still-image/still-image.vue
@@ -60,6 +60,7 @@
     right: 0;
     width: 100%;
     height: 100%;
+    object-fit: contain;
   }
 }
 </style>