Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在svg中向路径添加渐变填充?_Svg_Gradient_Fill - Fatal编程技术网

如何在svg中向路径添加渐变填充?

如何在svg中向路径添加渐变填充?,svg,gradient,fill,Svg,Gradient,Fill,因此,我非常努力地学习svg,并遵循所有教程和所有内容。唯一我似乎无法理解的是,如何创建一条路径并使用渐变填充路径,同时在图像中保留所有其他形状和信息。真希望有人知道如何解决这个问题。真的,如果你能帮我的话,我会帮上大忙。 <defs> <linearGradient id="grad1" x1="0%" y1="100%" x2="0%" y2="0%"> <stop offset="0%" style="stop-color:00ff43;" /&g

因此,我非常努力地学习svg,并遵循所有教程和所有内容。唯一我似乎无法理解的是,如何创建一条路径并使用渐变填充路径,同时在图像中保留所有其他形状和信息。真希望有人知道如何解决这个问题。真的,如果你能帮我的话,我会帮上大忙。


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

与路径类似,但为什么不回答?