【问题标题】:How can I save svg code as a .svg image? [closed]如何将 svg 代码保存为 .svg 图像? [关闭]
【发布时间】:2012-09-19 16:29:05
【问题描述】:

如何将以下 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>

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

【问题讨论】:

  • 把它放在一个文件里,你看到了什么问题?
  • 如果我把它放在一个文件中就可以了,但我想将它用作边框图像属性,如下所示:img.frame { -moz-border-image: url('frame. svg') 93 92 87 92; }
  • 它必须以某种方式保存?还是只有一种方式,即从图像到 svn html?
  • 我明白了,您的意思是文本文件而不是 html 文档。缺点有助于 :) 审查答案。
  • 这和 CSS3 有什么关系? SVG 与 CSS 没有直接关系。

标签: svg


【解决方案1】:

只需将其保存在一个文本文件中并给它一个 .svg 扩展名。

【讨论】:

  • 还要确保在粘贴 svg 标签之前在 svg 文件的顶部添加 xml 标签
  • @Kiarash 在 Office365 中添加 xml 标签会使 svg 无法识别。
  • 对我来说不需要 xml 标签,但我必须删除任何
  • 别忘了:xmlns="w3.org/2000/svg"
  • 确实,对我来说,关键是添加xmlns="http://www.w3.org/2000/svg"(不要忘记包含http://www. 部分——当我从@GBrian 复制和粘贴值时,这让我大吃一惊)。跨度>
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2018-07-17
  • 2010-12-24
  • 2017-03-31
  • 2019-02-25
  • 2015-09-30
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多