Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 调整浏览器大小后获取图像尺寸_Javascript_Image_Events_Resize_Onload - Fatal编程技术网

Javascript 调整浏览器大小后获取图像尺寸

Javascript 调整浏览器大小后获取图像尺寸,javascript,image,events,resize,onload,Javascript,Image,Events,Resize,Onload,我有一个div,里面有一个我想居中的图像。图像每次都会不同,并且具有最大宽度和最大高度css属性。问题是,我用来计算image.width和image.height的image.onload函数在被浏览器缩小之前为我提供了图像尺寸:我如何才能做到这一点?如果您的意思是,您的图像是,比如说,200x200像素,并且由于CSS属性,已经调整为150x150像素,那么image.width和image.height应该可以正常工作。也就是说,他们应该给你150x150,而不是200x200。有关moz

我有一个div,里面有一个我想居中的图像。图像每次都会不同,并且具有最大宽度和最大高度css属性。问题是,我用来计算image.width和image.height的image.onload函数在被浏览器缩小之前为我提供了图像尺寸:我如何才能做到这一点?

如果您的意思是,您的图像是,比如说,200x200像素,并且由于CSS属性,已经调整为150x150像素,那么image.width和image.height应该可以正常工作。也就是说,他们应该给你150x150,而不是200x200。有关mozilla参考,请参阅

或者,您可以尝试element.clientWidth和element.clientHeighthttps://developer.mozilla.org/en/DOM/element.clientHeight,它给出任何DOM元素的渲染大小

我还没有在IE中测试过这个,但它在那里也应该工作得很好。宽度的MSDN参考页为。你也可以在那里找到clientWidth


你在什么浏览器上测试?

你不能使用css背景位置:中心;规则?两条评论可能重复帮助:谢谢