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;