例
画像の元の幅を返します:
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;
»それを自分で試してみてください 画像物体