Warum verzerren sich SVG-Bildproportionen im „Element' von IE9?
IE9 verzerrt SVG-Bildproportionen in Element
Bei Verwendung von CSS zum Festlegen der maximalen Höhe eines SVG-Bildes innerhalb eines Element wird erwartet, dass das Bild proportional zu dieser Höhe skaliert wird. Allerdings können in IE9 bestimmte SVG-Bilder verzerrte Proportionen aufweisen.
Das Problem tritt insbesondere bei SVGs auf, die aus Polygonen und nicht aus Pfaden bestehen. Ein Beispiel für ein betroffenes Bild ist die SVG-Datei „crocs“ von Radiant Interactive: http://www.radiantinteractive.com/rs/images/allies/other/crocs.svg
Um diese Inkonsistenz zwischen den Browsern zu beheben, Es wird empfohlen, immer eine ViewBox für SVG-Bilder zu definieren und dabei die Attribute width und height aus dem
Um die Auswirkungen verschiedener SVG-Attribute zu demonstrieren, wurde eine Testseite erstellt:
[Link zur Testseite]
Durch Vergleich der Ergebnisse in verschiedenen Browsern, man kann erhebliche Unterschiede in der Bildverarbeitung beobachten, die auf der Kombination von SVG-Attributen und CSS-Dimensionen basieren.
Das obige ist der detaillierte Inhalt vonWarum verzerren sich SVG-Bildproportionen im „Element' von IE9?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Heiße KI -Werkzeuge

Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool
Ausziehbilder kostenlos

Clothoff.io
KI-Kleiderentferner

Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6
Visuelle Webentwicklungstools

SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen











Zu Beginn eines neuen Projekts erfolgt die SASS -Zusammenstellung im Blinzeln eines Auges. Dies fühlt sich gut an, besonders wenn es mit Browsersync kombiniert ist, das nachlädt

Versuchen wir, hier einen Begriff zu prägen: "Statischer Formanbieter". Sie bringen Ihre HTML

In der Zusammenfassung der Plattformnachrichten in dieser Woche stellt Chrome ein neues Attribut für das Laden, Zugänglichkeitspezifikationen für Webentwickler und die BBC -Bewegungen ein

Zwei Artikel veröffentlichten genau den selben Tag:

In dem ersten Teil dieser zweiteiligen Serie werden beschrieben, wie wir einen Zwei-Daumen-Schieberegler erhalten können. Jetzt sehen wir uns einen allgemeinen Multi-Thumb-Fall an, aber mit einem anderen und

Ich schaue mir das HTML -Element zum ersten Mal an. Ich habe es für eine Weile dessen bewusst, aber Haven ' Es wurde es noch nicht für einen Dreh genommen. Es hat einige ziemlich cool und

Goofonts ist ein Nebenprojekt, das von einer Entwicklerin und einem Designer-Ehemann signiert wurde, beide große Fans der Typografie. Wir haben Google markiert

Der Dokumentkopf ist vielleicht nicht der glamouröseste Teil einer Website, aber was darauf einfließt
