Question

我把这个样式放在哪里？

<radialGradient gradientUnits="objectBoundingBox" r="100%" cy="50%" cx="50%" id="rgrad_group_43">
   <stop style="stop-color:rgb(0, 255, 244); stop-opacity:1" offset="0%"/>
   <stop style="stop-color:rgb(0, 74, 255); stop-opacity:1" offset="90%"/>
   <stop style="stop-color:rgb(46, 60, 208); stop-opacity:1" offset="100%"/>
</radialGradient>

<style type="text/css">
svg rect { fill:transparent;}
svg g { fill:url(#rgrad_group_43); }
</style>

当我把代码放在正文中时，我的页面上没有样式的svgs。所以我必须将它放入SVG标签，对吧？

<svg>
<radialGradient gradientUnits="objectBoundingBox" r="100%" cy="50%" cx="50%" id="rgrad_group_43">
   <stop style="stop-color:rgb(0, 255, 244); stop-opacity:1" offset="0%"/>
   <stop style="stop-color:rgb(0, 74, 255); stop-opacity:1" offset="90%"/>
   <stop style="stop-color:rgb(46, 60, 208); stop-opacity:1" offset="100%"/>
</radialGradient>

<style type="text/css">
svg rect { fill:transparent;}
svg g { fill:url(#rgrad_group_43); }
</style>
</svg>

它有效但这是正确/有效的吗？没有version="1.1"，没有xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"没有viewBox="0 0 50 50"而没有xml:space="preserve"

这是一个演示
https://jsfiddle.net/qcmxryay/

Answer 1

我不确定是否适合你，但对我工作，总是我会使用SVG，我在Illustrator中制作图形或任何东西然后我使用选项导出像SVG，所以我不需要做出那样的改变。

存储gloabl SVG Style（radialGradient）的正确方法

1 个答案: