suchen

Heim >Web-Frontend >Front-End-Fragen und Antworten >Was tun, wenn CSS SVG nicht angezeigt wird?

Was tun, wenn CSS SVG nicht angezeigt wird?

藏色散人
藏色散人Original
2021-01-04 10:48:005226Durchsuche

Lösungen für das Problem, dass CSS-SVG nicht angezeigt wird: 1. Verwenden Sie das Tag 273238ce9338fbb04bee6997e5552b95, um die SVG-Datei zu importieren Importieren Sie die SVG-Datei.

Was tun, wenn CSS SVG nicht angezeigt wird?

Die Betriebsumgebung dieses Tutorials: Dell G3-Computer, Windows 7-System, HTML5- und CSS3-Version.

Empfohlen: „css-Video-Tutorial“

Wenn HTML SVG-Dateien einführt, diese aber nicht angezeigt werden, kann es daran liegen, dass SVG nicht von allen Browsern unterstützt wird und einige niedrigere Versionen von ie dies nicht tun Unterstützen Sie es.

Lösung:

Verwenden Sie das d8e2720730be5ddc9c2a3782839e8eb6-Tag.

d8e2720730be5ddc9c2a3782839e8eb6-Tag wird von allen gängigen Browsern unterstützt und ermöglicht die Verwendung von Skripten. [Empfohlen: HTML-Online-Handbuch]

Hinweis: Die Verwendung des d8e2720730be5ddc9c2a3782839e8eb6-Tags beim Einbetten von SVG in eine HTML-Seite ist die vom Adobe SVG Viewer empfohlene Methode! Wenn Sie jedoch gültiges XHTML erstellen müssen, können Sie d8e2720730be5ddc9c2a3782839e8eb6 nicht verwenden. Es gibt kein d8e2720730be5ddc9c2a3782839e8eb6-Tag in irgendeiner HTML-Spezifikation.

Zum Beispiel: (Sie müssen das SVG-Viewer-Plugin von Adobe herunterladen, um es anzuzeigen) 

<embed src="rect.svg" width="300" height="100" 
type="image/svg+xml"
pluginspage="http://www.adobe.com/svg/viewer/install/" />

Verwenden Sie das 273238ce9338fbb04bee6997e5552b95-Tag

Es ist ein Standard-Tag von HTML 4 und wird von allen neueren Browsern unterstützt. Der Nachteil besteht darin, dass kein Scripting möglich ist.

Hinweis: Wenn Sie die neueste Version von Adobe SVG Viewer installiert haben, funktionieren SVG-Dateien nicht, wenn Sie das 273238ce9338fbb04bee6997e5552b95-Tag verwenden (zumindest nicht im IE)! 

<object data="rect.svg" width="300" height="100" 
type="image/svg+xml"
codebase="http://www.adobe.com/svg/viewer/install/" />

Verwenden Sie das d5ba1642137c3f32f4f4493ae923989c-Tag.

d5ba1642137c3f32f4f4493ae923989c

Zum Beispiel: 

<iframe src="rect.svg" width="300" height="100"></iframe>

Dann können Sie in rect.svg durch Verweis auf den SVG-Namespace SVG-Elemente zum HTML-Code hinzufügen, wie folgt (dafür muss der Browser SVG unterstützen, z. B. Firefox, Chrome): 

<html xmlns:svg="http://www.w3.org/2000/svg">
<body>
<p>This is an HTML paragraph</p>
<svg:svg width="300" height="100" version="1.1" >
<svg:circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg:svg>
</body>
</html>

Das obige ist der detaillierte Inhalt vonWas tun, wenn CSS SVG nicht angezeigt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 firefox css chrome css3 html xhtml Object 命名空间
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So schreiben Sie CSS-Div-Zentrierungscode für BilderNächster Artikel：So schreiben Sie CSS-Div-Zentrierungscode für Bilder

In Verbindung stehende Artikel

Mehr sehen