javascript - Javaスクリプトを使用して画像の拡大縮小された幅と高さを取得しますか？

Question

javascriptを使用して画像のスケーリングされたサイズを取得したい。例：画像の元のサイズは600x600で、cssを使用して幅を100％に設定します

したがって、ブラウザウィンドウのサイズが変更された場合、画像の高さと幅はそれに応じて拡大縮小されます。

画像の拡大縮小された高さと幅を取得したいと思います。javascriptを使用します。

Answer 1

jQuery の使用:

$("#myImage").height();
$("#myImage").width();

プレーン Javascript:

document.getElementById("myImage").style.offsetHeight;
document.getElementById("myImage").style.offsetWidth;

offsetHeightここで適切だと思いoffsetWidthます。そうでない場合は、お気軽に修正してください。