最新のWeb開発のチュートリアル
 

画像naturalWidthプロパティ

イメージ・オブジェクトリファレンス 画像物体

画像の元の幅を返します:

var x = document.getElementById("myImg").naturalWidth;

xの結果は次のようになります。

107
»それを自分で試してみてください

定義と使用法

naturalWidthプロパティは、画像の元の幅を返します。

たとえば、あなたがもともと幅100ピクセルであるイメージを持っている場合。 そして、あなたは、CSSと/またはその広い500ピクセルにするために、HTML「幅」属性を使用して画像をスタイル。 naturalWidthプロパティには、「100」を返しますプロパティは、しかし、500を返します。

ヒント:使用naturalHeight画像の元の高さ、または返すようにプロパティを高さの値を設定または返すようにプロパティheight画像の属性を。

注:このプロパティは読み取り専用です。


ブラウザのサポート

プロパティ
naturalWidth はい 9.0 はい はい はい

構文

imageObject .naturalWidth

技術的詳細

戻り値: ピクセル単位で画像の元の幅を表す数値、

その他の例

naturalWidthプロパティとwidthプロパティの違い:

var x = document.getElementById("myImg").naturalWidth;
var y = document.getElementById("myImg").width;
»それを自分で試してみてください

イメージ・オブジェクトリファレンス 画像物体