как добавить градиентную заливку к пути в SVG?

поэтому я очень старался изучить svg и следовал всем руководствам и всему остальному, и единственное, что я, похоже, не мог понять, это как создать путь и заполнить его градиентом, сохраняя при этом все другие формы и информацию на изображении. очень надеюсь, что кто-то знает, как это исправить. правда, было бы очень полезно, если бы вы могли помочь мне здесь.


svg gradient fill
person levi    schedule 08.04.2015    source источник
comment
спасибо, а почему бы и не ответить?   -  person levi    schedule 11.04.2015

Ответы (1)


arrow_upward
0
arrow_downward 

<defs>
  <linearGradient id="grad1" x1="0%" y1="100%" x2="0%" y2="0%">
    <stop offset="0%" style="stop-color:00ff43;" />
    <stop offset="50%" style="stop-color:f9fd27;" />
    <stop offset="100%" style="stop-color:f20000;" />
  </linearGradient>
</defs>

<polyline points="50,350 60,340 70,345" filter="url(#black-glow)" style="fill:none;" stroke="url(#grad1)" stroke-width="3" stroke-linecap="round" />

аналогично пути

person Bresiu    schedule 20.04.2015