[ERLEDIGT] Hintergrundbild ausmessen.

[Oliver77]

Hallo, ich würde gerne die Breite und Höhe eines Hintergrundbildes ermitteln.
Für Img's gibt es

var x = document.getElementById("myImg").naturalWidth;
var x = document.getElementById("myImg").naturalHeight;

Muss ich ein Image erzeugen und dann auslesen? Scheint mir bissel blöd.
Thx for Feedback.

 

[Aaron3219]

Ich bin mir nicht ganz sicher (kann es gerade auch nicht ausprobieren), aber schau dir mal getComputedStyle an.

Sollte ungefähr so gehen:

const myDiv = document.getElementById('myDiv');
const computedStyle = window.getComputedStyle(myDiv);
const backgroundSize = computedStyle.getPropertyValue('background-size');

Edit:
Frage mich allerdings, wie es sich bei sowas wie cover verhält.

 

[Oliver77]

Danke für die schnelle Rückmeldung, er spuckt bei mir "contain" aus.

 

[Aaron3219]

Kannst du nicht eigentlich auch einfach die Größe des Containers, wo das Hintergrundbild ist, auslesen?

 

[Oliver77]

Ich nutze ja background-size:contain. und brauche die Breite.

Ich hab's jetzt so gelöst, dass ich auf Hintergrundbilder verzichte und Img's nutze und oben genannte Methoden nutze.

 

[Aaron3219]

Ich nutze ja background-size:contain

Stimmt. Nun ja, ich schätze mal, dass dein alternativer Ansatz wohl am einfachsten ist.