„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Online-Tools
Software-Tutorial
Seitennavigation
Programmierung
Titelseite > Programmierung > Warum werden meine SVG-Symbole im Internet Explorer nicht richtig skaliert?

Warum werden meine SVG-Symbole im Internet Explorer nicht richtig skaliert?

Veröffentlicht am 2025-01-26
Durchsuche:488

Why Aren't My SVG Symbols Scaling Correctly in Internet Explorer?

SVG-Symbole werden im IE nicht richtig skaliert: Zusätzlicher Platz

Internet Explorer weist einen seit langem bestehenden Fehler auf, bei dem SVGs ohne Breiten- und Höhenattribute falsch skaliert werden.

Lösung

Eine Lösung existiert unter Verwendung eines Tricks mit einem -Element, das IE richtig skaliert. Durch Platzieren eines mit dem gleichen Seitenverhältnis wie das SVG innerhalb des enthaltenden

wird die korrekte SVG-Größe sichergestellt.
CSS
 
canvas {
  display: block;
  width: 100%;
  visibility: hidden;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

Neuestes Tutorial Mehr>
EinstufungMehr>
Japanisch lernen Koreanisch lernen Chinesisch lernen Fremdsprache lernen Spiel Häufiges Problem Technologie-Peripheriegeräte KI Software-Tutorial Programmierung Artikel

Chinesisch lernen

WerkzeugMehr>
Bildbase64-Dekodierung
Chinesisches Pinyin
Unicode-Kodierung
Komprimierung der JS-Verschleierungsverschlüsselung
URL-Hexadezimal-Verschlüsselungstool
Konvertierungstool für UTF-8-Kodierung
Online-Tools zur ASCII-Kodierung und -Dekodierung
MD5-Verschlüsselungstool
Hash/Hash-Text-Online-Verschlüsselungs- und Entschlüsselungstool
Online-SHA-Verschlüsselung

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3