如何获得svg图像元素的自然宽度和高度？

Question

我试图做一些相对简单的事情。我试图在D3中进行以下工作：

• 以自然宽度和高度绘制图像作为SVG元素。
• 能够点击此图片以D3绘制圆圈。

我坚持如何将图像绘制为SVG元素。到目前为止，我有：

content.append("image")
    .attr("xlink:href",this.store.image_url);

但是如何获得此元素的自然宽度/高度？

Answer 1

你可以用一些javascript

来做到这一点

var img = new Image();
img.onload = function(){

        img.naturalWidth and img.naturalHeight can be read off within here

};
img.src = this.store.image_url;