在HTML 5中,新增加了兩個用來判斷圖片的寬度和高度的屬性,分別為
.naturalWidth 和naturalHeight屬性,例子如下:
var rw = myimage.naturalWidth; // 真實圖片寬度
var rh = myimage.naturalHeight; //真是圖片高度
但有個前提是,必須在圖片完全下載到客戶端瀏覽器才能判斷,
,目前在ie 9,Firefox, Chrome, Safari 和Opera都是可以使用的,
如果是不支援的版本瀏覽器,那可以用傳統方法判斷,如下:
var myimage = document.getElementById("myimage");
if (typeof myimage.naturalWidth == "undefined") {
// IE 6/7/8
var i = new Image();
i.src = myimage.src;
var rw = i.width;
var rh = i.height;
}
else {
// HTML5 browsers
var rw = myimage.naturalWidth;
var rh = myimage.naturalHeight;
}
.naturalWidth 和naturalHeight屬性,
相關文章
- naturalWidth和naturalHeight屬性簡單介紹
- JavaScript naturalHeight 屬性JavaScript
- JavaScript naturalWidth 屬性JavaScript
- naturalWidth與width屬性區別
- defer 屬性和 async 屬性
- JavaScript私有屬性和靜態屬性JavaScript
- 庫和屬性
- 屬性和方法
- vue計算屬性和vue實力的屬性和方法Vue
- 屬性和監聽
- JavaScript公有屬性、私有屬性、公有方法和原型方法JavaScript原型
- C#屬性和lamdaC#
- SVG repeatCount和repeatDur屬性SVG
- Winform Anchor和Dock屬性ORM
- Function方法和屬性圖Function
- javascript layerX和layerY屬性JavaScript
- [React]屬性和狀態React
- Jmeter屬性和變數JMeter變數
- 第 11 章 全域性屬性和其他
- css可繼承屬性和非繼承屬性一覽CSS繼承
- C#反射設定屬性值和獲取屬性值C#反射
- SQL Server 生成C#公共實體屬性和私有屬性SQLServerC#
- javascript獲取物件直接量中的屬性和屬性值JavaScript物件
- 獲取物件屬性型別、屬性名稱、屬性值的研究:反射和JEXL解析引擎物件型別反射
- CMake 屬性之全域性屬性
- Python類屬性和例項屬性分別是什麼?Python
- html中Position屬性值介紹和position屬性四種用法HTML
- Python的tkinter獲取元件屬性和設定元件屬性Python元件
- PHP動態屬性和stdclassPHP
- XML DOM – 屬性和方法概述XML
- javascript callee和caller屬性用法JavaScript
- 字串的常用屬性和方法字串
- maxlength和size屬性區別
- 實驗6 方法和屬性
- Transform-style和Perspective屬性ORM
- C#索引器和屬性C#索引
- 營銷屬性表和fm
- 【01】DataFrame的建立和屬性