在HTML中,我们有<img>
元素,它有点映射到Image
对象。两者都有两个名为naturalWidth
和naturalHeight
的属性。如果您想在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
属性?