。这个问题可能是由于图像加载完成前获取宽度和高度导致的。在Chrome和Firefox中,当图像还未加载完成时,获取宽度和高度会返回0。而在Safari中,即使图像还未加载完成,也可以获取到正确的宽度和高度。
为了解决这个问题,可以使用以下方法之一:
var img = new Image();
img.src = 'image.jpg';
img.onload = function() {
var width = this.width;
var height = this.height;
console.log('宽度:' + width + ',高度:' + height);
};
<div id="image-container" style="background-image: url('image.jpg');"></div>
var imageContainer = document.getElementById('image-container');
var width = imageContainer.offsetWidth;
var height = imageContainer.offsetHeight;
console.log('宽度:' + width + ',高度:' + height);
这些方法可以确保在Chrome、Firefox和Safari中都能正确获取图像的宽度和高度。
关于测量图像宽度和高度的问题,腾讯云并没有特定的产品或服务与之相关。
领取专属 10元无门槛券
手把手带您无忧上云