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

时间:2011-05-09 06:50:16

标签: javascript image events resize onload

我有一个div想要居中的图像。每次图像都不同,并且具有max-width和max-height css属性。问题是,我使用image.onload函数对image.width和image.height进行数学运算,在浏览器按比例缩小之前给出了图像尺寸。 :(我怎么能把它关掉?

1 个答案:

答案 0 :(得分:0)

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

或者,您可以尝试使用element.clientWidth和element.clientHeight(https://developer.mozilla.org/en/DOM/element.clientHeight),它们可以提供任何DOM元素的渲染大小。

我还没有在IE中对此进行过测试,但它也应该可以正常工作。 (宽度的MSDN参考页面为here。您还可以在那里找到clientWidth。)

您正在测试哪种浏览器?