• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

SVG Datei wird nicht angezeigt in HTML

htnoobml

Neues Mitglied
Hey,
bin neu und habe schon überall gesucht, nur nichts gefunden.

Ich möchte eine SVG Datei in eine HTML Seite einbinden.

Nur leider funktioniert es nicht.

Ich nutze Aptana Studio 3 und habe es schon mit dem embed ung dem object tag versucht, keiner von beiden brachte Erfolge.
Im IE wird nur ein ganz kleines Symbol angezeigt, was dafür steht dass das Bild nicht geladen wurde.
Die Datei befindet sich in dem gleichen Ordner wie die html datei und sonst is auch alles perfekt.
Bis darauf das es nicht geht :D

Ich bin total ratlos :(

Auch als img funktioniert es nicht ( also mit dem img- tag )

Bin HTML- Anfänger,
und habe einen Laptop mit Win7 allen treiber und allem was man so braucht.

Es ist alles bestens vorbereitet... nur ---

Wäre echt super wenn ihr einen Rat hättet... bin am verzweifeln.


Freundliche Grüße
htnoobml


HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <title>SVG datei</title>
    </head>
    <body>
        
             <OBJECT type="image/svg+xml" data="Zeichnung.svg">
             </OBJECT>
        
        
    </body>
</html>
PS: Ich will diese SVG datei, ich will kein Bild( als png oda so) es muss diese SVG datei sein, und es muss es Lösung geben :(!
 
ändere object zu img und das type="..." kannste weglassen und statt data= schreibste href= und ich würde den doctype ändern in
HTML:
<!DOCTYPE html>
und das attribut aus <html> wegnehmen
 
Die Antwort ist nicht ganz korrekt. Der HTML-Element sollte so aussehen:

HTML:
<img src="Zeichnung.svg" alt="">

Bedenke: Nicht jeder Browser unterstützt auch SVG. Es hängt also von deinem Browser ab, ob da etwas angezeigt wird oder nicht. Firefox kann es auf jeden Fall.
 
Internet Explorer unterstützt SVG nicht. Microsoft hatte glaube ich damals ein eigenes Format eingeführt, VML oder so, hat sich aber nicht durchgesetzt. IE9 hat Basissupport für SVG.
 
Bei mir gehts auch nicht

Hallo zusammen

Ich habe das gleiche Problem und komme auch mit den bisherigen Antworten nicht weiter. Findet ihr hier den Fehler?
Singvoll - Links

Ich habe die Seite in Opera 12.01, Firefox 11.0 und Safari 6.0 getestet und nirgends werden mir die SVG-Dateien angezeigt. Das komische ist, wenn ich die Seite lokal auf meiner Festplatte teste, funktioniert es einwandfrei. Und wenn ich den Pfad zu den Dateien auf dem Server aufrufe, dann werden die SVG-Dateien auch angezeigt. Aber in die Seite eingebunden gehts dann nicht mehr.

Diese Browser müssten das doch können, nicht? Jedenfalls kann ich andere Webseiten mit SVG-Dateien anschauen, wie z.B. Beispiel: SVG-Grafikreferenzen - Webkompetenz ???
 
Alle Daten die ein Server an ein aufrufendes Programm zurück gibt, enthalten einen Content-type mit dem das aufrufende Programm erkennen kann, um was für einen Dateityp es sich bei dem Datenstream handelt. Im Firefox kann man diesen z.B. mit dem Addon LiveHTTPHeader oder WebDeveloper Toolbar auslesen.

Wie Du den Content-type in deinem Fall richtig setzen kannst, kann ich dir nicht sagen da ich deinen Server nicht kenne. Wenn Du einen Apache-Webserver hast kannst Du es mit den hier genannten .htaccess-Einträgen versuchen: How to Configure Apache to Serve SVG/SVGZ the Right Way | kaioa.com
 
Zurück
Oben