在对生成的形状应用过滤器之前,在SVG中组合形状

  • 本文关键字:组合 SVG 应用 过滤器 svg
  • 更新时间 :
  • 英文 :


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

标志画得很好,但我想对我的形状应用过滤器。现在标识中的字母由不同的形状组成。

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

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

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

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

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

最新更新