Я попытался установить цвет штриха. Она работает с использованием linearGradient
, но он не работает с помощью solidColor
:SVG штрих-код: 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>
rect
ссылки color_1
работает, но не второй один ссылок color_2
. Даже example on w3.org не работает. Ссылка должна показывать красные фигуры. Это происходит (или не происходит) в Firefox, Chrome и Safari.
Есть что-то не хватает?
Попробуйте:jsFiddle
Есть что-то не хватает? Например, я бы сказал, что реализация браузера, но я не уверен. Кажется, что '' является частью спецификации SVGTiny1.2, не знают, как браузеры поддерживают его сегодня ... –
Kaiido
@Kaiido Я не заметил, что это * 1.2 *. Это может быть проблемой для недостающей реализации браузера. – lampshade
http://www.w3schools.com/svg/tryit.asp?filename=trysvg_stroke0 –