Wenn Sie versuchen, SVG wie <img src="image.svg"> oder als CSS-background-image zu verwenden, und die Datei korrekt verknüpft ist und alles richtig zu sein scheint, aber der Browser sie nicht anzeigt, liegt es möglicherweise daran, dass Ihr Server sie mit einem falschen Content-Type ausliefert.
Fügen Sie dies zu Ihrer .htaccess-Datei im Stammverzeichnis hinzu, um das Problem zu beheben
AddType image/svg+xml .svg .svgz
warum wird SVG in Safari nicht angezeigt
Ich verwende AWS, um meine Asset-Dateien bereitzustellen, einschließlich der externen SVG-Datei, in der alle meine Bilder definiert sind. Diese SVGs werden bei mir nicht gerendert und es scheint kein Content-Type-Problem zu sein. Gibt es ein bekanntes Problem mit dem Bereitstellen von SVG-Dateien über verschiedene Domains hinweg?
Gibt es Fehler in der Konsole? Wie verwenden Sie das SVG? Demo-Seite?
Hallo Noah,
Ich habe genau dieses Problem jetzt. Haben Sie Lösungen gefunden?
Ich habe das Problem mit meiner App gefunden, das Originalbild ist nicht defekt, nur die verkleinerten Bilder sind defekt, ich vermute, dass mit Image Magick etwas nicht stimmt
Danke!!
In meinem Fall habe ich auch keine Breite oder Höhe für das SVG im HTML definiert, sodass es bei 0px mal 0px gerendert wurde.
Der folgende Code hat bei mir funktioniert: (PNG-Backup für IE8 und darunter bereitgestellt)
Vielen Dank!
Das SVG-Bild wurde auf einer auf 1und1 Webserver gehosteten Website nicht angezeigt. Das Einfügen von „AddType…“ in .htaccess hat das Problem gelöst!
Danke
Ich habe meine Änderung auf einem Weblogic-Server vorgenommen. Funktioniert super
fertig hier
C:\weblogic10\domain-pb-7.0.2-Dev\config\mimemappings.properties
svg=image/svg+xml
Ich bin gerade auf dieses Problem gestoßen, dass bei der Gestaltung und Live-Vorschau in Chrome SVGs, wenn sie als img verwendet wurden, nicht angezeigt wurden.
Die Lösung war denkbar einfach – Adblock Plus auf /localhost deaktiviert hat alles gelöst.
Ich hoffe, das hilft
Kein htaccess-Problem, aber ich hatte ähnliche Probleme bei der Verwendung von Blob zum Bereitstellen von SVG-Dateien. Browser wie Safari (Mac & iOS) und Chrome (iOS) akzeptieren komplexe MIME-Typen wie „image/svg+xml;charset=utf-8“ nicht mehr. Die Mac-Version von Chrome behandelt es jedoch normal. Wenn Sie Probleme mit der Verwendung von Blob-URLs zum Laden von SVG haben, sollte die Einstellung von „image/svg+xml“ wie in diesem Artikel beschrieben auf allen Plattformen funktionieren.
Ich korrigiere dieses Dokument jetzt auch: https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas, da dieses Original auf Safari nicht funktioniert.
Hey, es gibt noch ein weiteres Problem.
Einige Windows-Server rendern keine SVG-Dateien.
Um Hosts zuzulassen, die Windows als Betriebssystem verwenden
Erstellen Sie eine „web.config“-Datei im Stammverzeichnis mit diesem Code
<configuration><system.webServer>
<staticContent>
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
</staticContent>
</system.webServer>
</configuration>
Diese Lösung löst das Problem auf Windows-Hosts.
Ist das nicht dasselbe wie das Hinzufügen von AddType zu der .htaccess-Datei?
AddType image/svg+xml svg
AddType image/svg+xml svgz
Ich versuche, die Komprimierung für das SVG-Dateiformat für Google Page Speed zu aktivieren, habe aber Schwierigkeiten damit. Irgendeine Idee, wie das geht?
Großartige Lösung, hat mein Problem mit einem Fasthosts Windows-Serverproblem behoben. Danke!
Danke, hat bei mir funktioniert.
Vielen Dank, das Ändern des Content-Types hat den Trick gemacht
Danke! Diese Korrektur hat mein Problem gelöst!
Ich habe gestern diese Codezeile hinzugefügt, sie hat mein Problem gelöst, aber jetzt geht SVG wieder
Ich habe gelöst, indem ich das Modul apache LoadModule mime_module modules/mod_mime.so hinzugefügt habe