我尝试设置描边颜色。使用linearGradient
可以实现,但是使用solidColor
却不行:
<svg class="svg_defs" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="color_1">
<stop offset="0" stop-color="red" stop-opacity="1"/>
</linearGradient>
<solidColor id="color_2" solid-color="blue" solid-opacity="1"/>
<linearGradient id="half">
<stop offset="50%" stop-color="green" stop-opacity="0.5"/>
<stop offset="50%" stop-color="green" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-2 -2 101 101" width="50">
<rect x="0" width="49%" height="99%" fill="url(#half)" stroke-width="2" stroke="url(#color_1)"/>
<rect x="50%" width="49%" height="99%" fill="url(#half)" stroke-width="2" stroke="url(#color_2)"/>
</svg>
< p>第一个引用 color_1
的 rect
可以工作,但是第二个引用 color_2
的没有可用。即使是在 w3.org 的示例 中也无法工作。链接应该显示为红色的形状。这在 Firefox、Chrome 和 Safari 中发生(或不发生)。
是否有缺失的内容?
试一下: jsFiddle
<solidColor>
是SVGTiny1.2规范的一部分,不知道今天浏览器如何支持它... - Kaiido