jquery - background-size が含まれるように設定されている場合、背景画像の寸法を取得する方法は?

Question

HTML:

<div class="logo-container">
    <span>some text</span>
</div>

CSS:

.logo-container {
    display: block;
    background: url(img/logo.png) no-repeat center;
    background-size: contain;
    width:100%;
    height:20%;
}

背景画像がスケーリングされた現在の寸法を取得するにはどうすればよいですか?

背景画像の寸法は の寸法とは異なると想定してい.logo-containerます。

Answer 1

のようにしてみてください

var wdth = $('.logo-container img').width();
var hght = $('.logo-container img').height();

または、divの高さと幅も同様に取得できます

var wdth = $('.logo-container').width();

画像はそのdivの背景画像だからです。