如何将svg代码另存为.svg图像?[关闭]


76

如何将以下svg代码另存为.svg图像

<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>

任何帮助,将不胜感激。谢谢。


1
只需将其放入文件中,您将看到什么问题?
Greg Hewgill 2012年

如果我将其放在文件中可以,但是我想将其用作边框图像属性,例如:img.frame {-moz-border-image:url('frame.svg')93 92 87 92; }
脖子

好吧,它必须以某种方式保存?还是只有一种方法,即从图像到svn html?
necker 2012年

我知道,您的意思是文本文件而不是html文档。缺点帮助:)回顾了答案。
necker 2012年

1
这与CSS3有什么关系?SVG与CSS没有直接关系。
BoltClock

Answers:


140

只需将其保存在文本文件中,并为其提供.svg扩展名。


17
还要确保在粘贴svg标记<?xml version =“ 1.0” encoding =“ utf-8”?>
Kiarash

1
@Kiarash在Office365中添加xml标记会使svg无法识别。
toraritte

2
对我来说xml标签不是必需的,但我必须删除任何<br>
Ferroao

7
别忘了:xmlns =“ w3.org/2000/svg
GBrian
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.