naturalWidth和naturalHeight屬性簡單介紹

antzone發表於2017-04-06

標題中要介紹的兩個屬性是HTML5新增，它能夠獲取圖片的原始尺寸，而不是人為的採用樣式或者<img>標籤的width和height屬性定義的尺寸，下面就通過程式碼例項做一下簡單介紹。

語法結構:

[JavaScript] 純文字檢視 複製程式碼
img.naturalWidth
img.naturalHeight

瀏覽器支援:

（1）.IE9和IE9以上瀏覽器支援此屬性。

（2）.谷歌瀏覽器支援此屬性。

（3）.火狐瀏覽器支援此屬性。

（4）.opera瀏覽器支援此屬性。

（5）.safria瀏覽器支援此屬性。

特別說明:只有圖片載入完畢屬性才能夠正確返回值。

具體程式碼例項可以參閱HTML5獲取圖片的原始高度簡單介紹一章節。


相關文章