画像naturalWidthプロパティ
例
画像の元の幅を返します。
var x = document.getElementById("myImg").naturalWidth;
定義と使用法
naturalWidthプロパティは、画像の元の幅を返します。
たとえば、元々100ピクセル幅の画像があるとします。次に、CSSを使用して、またはHTMLの「width」属性を使用して画像のスタイルを設定し、幅を500ピクセルにします。naturalWidthプロパティは「100」を返しますが、 widthプロパティは500を返します。
ヒント:naturalHeight プロパティを使用して画像の元の高さを返すか、 heightプロパティを使用して画像のheight属性の値を設定または返します。
注:このプロパティは読み取り専用です。
ブラウザのサポート
Property | |||||
---|---|---|---|---|---|
naturalWidth | Yes | 9.0 | Yes | Yes | Yes |
構文
imageObject.naturalWidth
技術的な詳細
戻り値: | 画像の元の幅をピクセル単位で表す数値。 |
---|
その他の例
例
naturalWidthプロパティとwidthプロパティの違い:
var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
❮画像オブジェクト