Question

所以我正在努力学习svg并遵循所有的教程和所有内容，我唯一能想出的就是如何制作一条路径并用渐变填充路径，同时保留所有图像中的其他形状和信息。真的希望有人知道如何解决这个问题。真的，如果你能在这里帮助我，会有很大的帮助。

Answer 1

<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" />

与路径类似

如何在svg中添加渐变填充到路径？

1 个答案: