javascript - 使用background-size:用Javascript覆盖时，是否可以测量生成的背景图像？

我想知道在使用Javascript使用CSS3的'background-size：cover'调整大小后，是否有可能确定背景图像的（新）尺寸。
（不起作用）示例：http://jsfiddle.net/daco/GygLJ/3/

干杯，


达科

最佳答案

我不知道有足够的纯JS在不使用jQuery的情况下发布它，但它可能很容易移植。

您可以做的是找到背景图片的src，然后使用javascript内置的width / height函数获取尺寸。

例如：

    //jQuery
var imgSrc = $('#test').css('background-image');
//might need to do a bit of parsing on that, returns: url(http://blahblah)
alert(imgSrc);
imgSrc=imgSrc.replace('url("', '').replace('")', '');
alert(imgSrc);

var newImg = new Image();
newImg.onload=function()
{
    var h = newImg.height;
    var w = newImg.width;
    alert('w:'+w+' h:'+h);
};
newImg.src=imgSrc;

希望这可以帮助

此处的示例：http://jsfiddle.net/vap8p/

编辑：更新源并链接到工作示例