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.


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.


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
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.