JavaScript

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

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

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

サンプルソース

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

実行サンプル

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


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

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:



  1. […] 画像の元サイズを取得する (.naturalWidth / .naturalHeight) | コピペで使える JavaSc… […]

画像本来の幅・高さを取得する方法 [JavaScript] – Site-Builder.wiki へ返信する コメントをキャンセル

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

スポンサーリンク