Javascript 调整大小后获取svg图像的实际大小
我有一张svg标签中的图片。 当我更改图像的宽度(或高度)时,高度(或宽度)也会更改以保持比率。 但我无法获得高度(或宽度)的新值 这里有一个例子: 我们可以看到,虽然宽度和高度都减小了,但只有宽度值发生了变化。 我尝试使用d3js获取高度,但值仍然相同Javascript 调整大小后获取svg图像的实际大小,javascript,d3.js,svg,Javascript,D3.js,Svg,我有一张svg标签中的图片。 当我更改图像的宽度(或高度)时,高度(或宽度)也会更改以保持比率。 但我无法获得高度(或宽度)的新值 这里有一个例子: 我们可以看到,虽然宽度和高度都减小了,但只有宽度值发生了变化。 我尝试使用d3js获取高度,但值仍然相同 d3.选择(“图像”).attr(“高度”)虽然图像的高度似乎在下降,但实际上这并不仅仅是图像通过改变宽度*219来传播的方式,只是为了自动调整到帧中。再举一个简单的例子,在1920*768屏幕上尝试将800*600图像制作成壁纸时会发生什么
d3.选择(“图像”).attr(“高度”)
虽然图像的高度似乎在下降,但实际上这并不仅仅是图像通过改变宽度*219来传播的方式,只是为了自动调整到帧中。再举一个简单的例子,在1920*768屏幕上尝试将800*600图像制作成壁纸时会发生什么情况。查看下图,查看您的图像实际占据了多少屏幕
如果您确实想调整pic的大小,则需要相应地调整高度,并重新计算两个值:
var height = parseInt(d3.select("image").attr("height"));
d3.select("image").attr("height", height / 2);
这是一个。您不能重新计算这两个值吗?