naturalWidth和naturalHeight属性简单介绍
分类:实例代码
标题中要介绍的两个属性是HTML5新增,它能够获取图片的原始尺寸,而不是人为的采用样式或者<img>标签的width和height属性定义的尺寸,下面就通过代码实例做一下简单介绍。
语法结构:
img.naturalWidth img.naturalHeight
浏览器支持:
(1).IE9和IE9以上浏览器支持此属性。
(2).谷歌浏览器支持此属性。
(3).火狐浏览器支持此属性。
(4).opera浏览器支持此属性。
(5).safria浏览器支持此属性。
特别说明:只有图片加载完毕属性才能够正确返回值。
具体代码实例可以参阅HTML5获取图片的原始高度简单介绍一章节。
一线大厂高级前端编写,前端初中阶面试题,帮助初学者应聘,需要联系微信:javadudu