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.