获取响应的背景图像高度

Get responsive background-image height?

本文关键字：图像 高度 背景 响应 获取      更新时间：2023-09-26

是否可以获得响应div背景图像的当前高度？

我可以得到图像的实际大小如下：

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

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

有什么想法吗？

您可以根据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;
相关文章：