Wie kann ich SVG-Code als SVG-Bild speichern? [geschlossen]

76

Wie kann ich den folgenden SVG-Code als SVG-Bild speichern?

<svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg">

<defs>
<linearGradient id="fill" x1="0%" y1="0%" x2="0%" y2="100%">
<stop offset="0%" style="stop-color:rgb(224,224,224);stop-opacity:1"/>
<stop offset="100%" style="stop-color:rgb(153,153,153);stop-opacity:1"/>
</linearGradient>
</defs>

<path d="M 0 0 L 64 0 L 32 64 z" stroke="colourname" fill="url(#fill)"/>

</svg>

Jede Hilfe wäre dankbar. Vielen Dank.

svg necker
quelle
1
Legen Sie es einfach in eine Datei. Was ist das Problem, das Sie sehen?
Greg Hewgill
Wenn ich es in eine Datei lege, ist es in Ordnung, aber ich möchte es als Rahmenbild-Eigenschaft verwenden, wie in: img.frame {-moz-border-image: url ('frame.svg') 93 92 87 92; }
Necker
Na muss es irgendwie gerettet werden? Oder geht es nur in eine Richtung, dh vom Bild zum SVN-HTML?
Necker
Ich verstehe, Sie meinten Textdatei nicht HTML-Dokument. Die Minuspunkte halfen :), Antworten zu überprüfen.
Necker
1
Was hat das mit CSS3 zu tun? SVG steht nicht in direktem Zusammenhang mit CSS.
BoltClock

Antworten:

140

Musste es nur in einer Textdatei speichern und ihm die Erweiterung .svg geben.

necker
quelle
17
Stellen Sie außerdem sicher, dass Sie das XML-Tag am Anfang der SVG-Datei hinzufügen, bevor Sie das SVG-Tag einfügen. <? Xml version = "1.0" encoding = "utf-8"?>
Kiarash
1
@Kiarash In Office365 macht das Hinzufügen des XML-Tags die SVG nicht wiedererkennbar.
Toraritte
2
für mich war xml tag nicht notwendig, aber ich musste alle entfernen <br>
Ferroao
7
Vergessen Sie nicht: xmlns = " w3.org/2000/svg "
GBrian