svg-Datei nicht angezeigt, web-browser

Ich habe eine graphics.svg - Datei mit folgenden code:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="400" height="110">
  <rect width="400" height="110" style="fill:rgb(0,0,255);" />
</svg>

Wenn ich die Datei öffnen von web-browser(Firefox, Chrom), die Vektor-Bild wird nicht angezeigt. Stattdessen wird die Datei angezeigt, die im XML-format:

This XML file does not appear to have any style information associated with it. The document tree is shown below.

<svg width="400" height="110">
    <rect width="400" height="110" style="fill:rgb(0,0,255);"/>
</svg>

Ist dies, weil die svg-Datei eingebettet werden sollten, in der html-Datei richtig angezeigt werden?

InformationsquelleAutor Barun | 2014-06-18
  1. 16

    Nein, es ist, weil Sie es versäumt haben, geben Sie den namespace für die svg element mit

    xmlns="http://www.w3.org/2000/svg"

    Sehen die Beispiele in der Spezifikation.

    • Danke, danke!
    InformationsquelleAutor Quentin
  2. 4

    Fehlt der namespace-Deklaration.

    Müssen Sie xmlns="http://www.w3.org/2000/svg" als Attribut des root - <svg> element und während Sie dort sind, könnten Sie auch hinzufügen xmlns:xlink="http://www.w3.org/1999/xlink" zu.

    Gibt es einige weitere komplette authoring-Richtlinien hier, die möchten Sie vielleicht zu Lesen.

    • Warum setzen Sie den xlink-namespace, wenn es keine xlink-Inhalt in die Datei?
    • da die meisten SVG enthält xlink und Sie einfach laufen in dieses problem wieder, sobald Sie etwas hinzufügen, die es braucht.
    InformationsquelleAutor Robert Longson
Schreibe einen Kommentar