调整大小后获取svg图像的实际大小

Question

我在svg标签中有一张照片。 当我更改图像的宽度（或高度）时，高度（或宽度）也会改变以保持比率。 但我无法获得高度（或宽度）的新值。

这是一个例子： https://plnkr.co/edit/NrovrUKAv8KRGLPdjDpG?p=preview

我们可以看到，尽管宽度和高度都减小了，但只有宽度值会发生变化。 我试图使用d3js获得高度，但值仍然相同。

AutoGenerateColumns

Answer 1

虽然看起来图像的高度正在下降但实际上并不仅仅是它与changing width * 219一起传播的方式只是为了自动调整到帧中。通过一个简单的例子，尝试制作800*600 image a wallpaper in 1920*768 screen时会发生什么。检查下面的图像，看看您的图像实际占用了多少屏幕。

如果您真的想要调整图片大小，那么您还需要相应调整高度，并重新计算两个值：

 var height = parseInt(d3.select("image").attr("height"));
    d3.select("image").attr("height", height / 2);

这是example。