svg - 在将过滤器应用于结果形状之前在 SVG 中组合形状

Question

我目前正在用 SVG 绘制 Logo 。

Logo 绘图非常好，但是我想对我的形状应用过滤器。现在标识中的字母由不同的形状组成。

我的问题是如何最好地将所述形状组合成一个结果形状？我发现了一些关于 feBlend 和 veUnion 的信息，但信息分散且稀疏，这是我进入 SVG 美妙世界的第一步。

除了在应用过滤器之前将两个形状合并为一个之外，我还希望(在我的示例中，qabana 一词中的 n)在应用过滤器之前从形状中减去某些形状。

我正在处理的 SVG 示例:http://buffer.io/~simon/qabana-svg/handmade-stackoverflow.svg (这应该立即向您显示我遇到的问题)。

此外，很高兴听到有关如何在该文件中改进我的 SVG 的任何额外提示。

Answer 1

veUnion 目前没有在任何浏览器中实现。如果您想将两个或多个形状合并到一个路径中，您可以使用矢量图形编辑器(例如 Inkscape 或 Illustrator)。如果要对元素进行分组，请使用 元素，然后将过滤器应用于该元素。