javascript - 获取响应式背景图像高度？

Question

无论如何我可以获得响应式div背景图像的当前高度吗？

我可以像这样得到图像的实际大小：

var img = new Image;
        img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");         
        var bgImgWidth = img.width;
        var bgImgHeight = img.height;

...但这并不能告诉我屏幕调整大小后图像的大小（背景图像设置为 100%，因此会随着窗口大小的调整而缩放）

有任何想法吗？

Answer 1

您可以根据 div 的宽度计算实际高度：

var img = new Image;
img.src = $('#div').css('background-image').replace(/url\(|\)$/ig, "");         
var bgImgWidth = img.width;
var bgImgHeight = img.height;
var divWidth = $('#div').width();
var realImgHeight = ( bgImgHeight / bgImgWidth) * divWidth;