naturalWidth和naturalHeight属性简单介绍

快乐打工仔 分类:实例代码

标题中要介绍的两个属性是HTML5新增,它能够获取图片的原始尺寸,而不是人为的采用样式或者<img>标签的width和height属性定义的尺寸,下面就通过代码实例做一下简单介绍。

语法结构:

img.naturalWidth
img.naturalHeight

浏览器支持:

(1).IE9和IE9以上浏览器支持此属性。

(2).谷歌浏览器支持此属性。

(3).火狐浏览器支持此属性。

(4).opera浏览器支持此属性。

(5).safria浏览器支持此属性。

特别说明:只有图片加载完毕属性才能够正确返回值。

具体代码实例可以参阅HTML5获取图片的原始高度简单介绍一章节。

回复

我来回复
  • 暂无回复内容