diff options
| author | Henry Jameson <me@hjkos.com> | 2018-08-27 22:40:30 +0300 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2018-08-27 22:40:30 +0300 |
| commit | fd604dfd2a8110ea62028d399917937b4535ea51 (patch) | |
| tree | 0157fd4439a244ed5ed08c4cd9b848f86305e898 /src/components/still-image | |
| parent | eacbd9b5009a3646854b59e9983753fd288ea1c4 (diff) | |
fixed still-image not preserving original aspect ratio and resolution.
Diffstat (limited to 'src/components/still-image')
| -rw-r--r-- | src/components/still-image/still-image.js | 6 | ||||
| -rw-r--r-- | src/components/still-image/still-image.vue | 1 |
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> |