在将滤镜应用到合成形状之前,在SVG中组合形状

时间:2012-09-11 18:23:23

标签: svg

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

徽标绘图完全没问题,但是我想对我的形状应用滤镜。现在标识中的字母由不同的形状组成。

我的问题是如何将所述形状最佳地组合成一个合成形状?我发现了一些关于feBlend和veUnion的信息,但信息分散且稀疏,这是我进入SVG精彩世界的第一步。

除了在应用我的滤镜之前将两个形状合并为一个之外,我还想要(在我的例子中qabana这个词中的n)在应用我的滤镜之前从形状中减去某些形状。

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

此外,很高兴听到有关如何在该文件中提高SVG的任何奖励提示。

1 个答案:

答案 0 :(得分:3)

此时未在任何浏览器中实施veUnion。如果要将两个或多个形状合并到单个路径,可以使用矢量图形编辑器(例如Inkscape或Illustrator)。如果要对元素进行分组,请使用< g>元素,并将过滤器应用于该过滤器。