JavaScript

[JavaScript] 画像の元サイズを取得する(.naturalWidth/.naturalHeight)

投稿日:2017年10月31日 更新日:

imgタグに縮小/拡大表示された画像の元サイズを取得するには、.naturalWidth/.naturalHeightを使用します。

サンプルソース

例)ボタンを押すと表示サイズと元サイズを表示する

実行サンプル

ボタンを押すと、画像の表示サイズと元サイズをアラート表示します。


上の画像は縮小表示されています。

解説

  • naturalWidth、naturalHeightは以下のブラウザで使用できます。
    (Chrome, Safari, Firefox, Edge)

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] 10進表記のカラーコードを16進表記に変換する

10進表記のカラーコードを16進表記に変換したい場合にご利用ください。 10進表記のカラーコードを16進表記に変換する ...

[JavaScript] マウスポインタの座標を取得する

マウスポインタの座標位置をリアルタイムで取得するサンプルです。 サンプルソース 例)マウスを動かすとリアルタイムでX座標 ...

[JavaScript] マウスボタン押下/押上イベントを取得する(onMouseDown, onMouseUp)

マウスボタンを押したイベントを取得するにはonmousedown、 押し下げたマウスボタンを離したイベントを取得するには ...

[JavaScript] セレクトボックス値を動的に生成する

連想配列オブジェクトの値から、セレクトボックスの要素を動的に生成するサンプルです。 サンプルソース 例)連想配列arrの ...

[JavaScript] コピー&ペーストを禁止する(onCopy, onPaste)

ページの文字コピーを禁止するサンプルと、 ページへのペースト(貼付け)を禁止するサンプルです。 ページのコピーを禁止にす ...

スポンサーリンク