support width/height img attributes
This commit is contained in:
parent
9a6363431d
commit
a9830ff491
@ -5,7 +5,9 @@ const StillImage = {
|
||||
'mimetype',
|
||||
'imageLoadError',
|
||||
'imageLoadHandler',
|
||||
'alt'
|
||||
'alt',
|
||||
'height',
|
||||
'width'
|
||||
],
|
||||
data () {
|
||||
return {
|
||||
@ -15,6 +17,13 @@ const StillImage = {
|
||||
computed: {
|
||||
animated () {
|
||||
return this.stopGifs && (this.mimetype === 'image/gif' || this.src.endsWith('.gif'))
|
||||
},
|
||||
style () {
|
||||
const appendPx = (str) => /\d$/.test(str) ? str + 'px' : str
|
||||
return {
|
||||
height: this.height ? appendPx(this.height) : null,
|
||||
width: this.width ? appendPx(this.width) : null
|
||||
}
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
|
@ -2,6 +2,7 @@
|
||||
<div
|
||||
class="still-image"
|
||||
:class="{ animated: animated }"
|
||||
:style="style"
|
||||
>
|
||||
<canvas
|
||||
v-if="animated"
|
||||
|
Loading…
Reference in New Issue
Block a user