fixed still-image not preserving original aspect ratio and resolution.

2 files changed, 6 insertions, 1 deletions

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>