Svg 如何将图案和渐变混合到一条路径中？

对于客户来说，将渐变和图案混合应用于同一路径非常重要……可能吗

计划如下:

---

正如Michael Mullany所说，将渐变应用于图案中的元素。将模式应用于元素

路径

---

如果您希望将渐变应用于整个路径，而不是图案中的形状，则必须使用第二条路径或使用过滤器。这是一个带有过滤器的版本（在Firefox上不起作用-您必须内联svg片段才能跨浏览器访问-但这应该会让您有所了解。）

---

一个解决方案是创建一个新的

，它结合了渐变和原始图案

您可以将线性半径作为填充应用于图案中的形状，然后将图案作为填充应用于路径。@MichaelMullany告诉我如何-我已经做了四年的魔术了hours@MichaelMullany我把真正的svg放在代码段中，有渐变和模式的东西应该是什么样子？你只是想在图案的圆上应用渐变作为填充吗？这应该可以，但是对于一个路径没有线性渐变没有线性渐变-我需要在它们落入同一路径之前混合它们如果你添加了rect，如果您观看了我添加的另一条路径的沙盒，则无需执行此操作myself@RobertLongson我在Chrome/Win 10上完成了我笨拙的英语作业。哪里不适合你？但保罗的方法更好。如果你可以用另一种方法，那么就避免使用过滤器。是的，我在回答中说它在Firefox中不起作用，因为Firefox不支持将片段标识符作为feImage的输入。要获得跨浏览器，必须将片段作为数据URI内联。那是更多的工作，所以我没有做。