如何获得svg <img/>元素的自然维度?

时间:2017-03-19 12:28:46

标签: javascript image svg

在HTML中,我们有<img>元素,它有点映射到Image对象。两者都有两个名为naturalWidthnaturalHeight的属性。如果您想在load回调中将图片的尺寸设置为其自然尺寸,您可以使用

轻松完成
var img = new Image
img.addEventListener('load' function(e) {
    // do whatever with naturalWidt/Height
})

但是,如果要设置svg <image>元素的维度,则无法依赖此元素,因为此元素没有natural属性:

var img = document.createElementNS(namespace, 'image')
img.addEventListener('load' function(e) {
    img.setAttributeNS(namespace, 'width', img.naturalWidth) // dont work
})

所以我的问题是:如何在不使用<image>加载图片的情况下设置svg new Image elemet的维度? 规范中是否有任何计划支持此类natural属性?

0 个答案:

没有答案