在将滤镜应用于合成形状之前合并SVG中的形状

Question

我目前正在绘制SVG中的徽标。

标志图纸是完全正确的，但我想申请一个过滤器到我的形状。现在，标识中的字母由单独的形状组成。

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

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

我正在使用的SVG示例：http://buffer.io/~simon/qabana-svg/handmade-stackoverflow.svg（这应该立即向您显示我遇到的问题）。

此外，如何在该文件中改进我的SVG的任何额外提示都很乐意听到。

Answer 1

veUnion在此时尚未在任何浏览器中实现。如果要将两个或更多形状合并到单个路径中，可以使用矢量图形编辑器（例如Inkscape或Illustrator）。如果您想对元素进行分组，请使用g>元素，然后将过滤器应用于该元素。