在SVG中应用目标输出合成

在SVG中应用目标输出合成,svg,svg-filters,compositing,Svg,Svg Filters,Compositing,我想将destination out合成应用到我的SVG中,以便一个形状可以“擦除”其他现有形状。根据我在报纸上读到的,这应该是可行的,但它并没有产生预期的结果。我试图使用将过滤器应用于SVG文档中使用过滤器之前发生的所有内容 BackgroundImage在当前任何主流浏览器中都不是受支持的输入类型,在未来的浏览器中已被弃用 要完成您想要做的事情,您必须输入要在过滤器中用作源图形输入的形状,以及要通过feImage用作第二个输入的形状。feImage支持除Firefox之外的所有地方的直接片

我想将destination out合成应用到我的SVG中,以便一个形状可以“擦除”其他现有形状。根据我在报纸上读到的,这应该是可行的,但它并没有产生预期的结果。我试图使用将过滤器应用于SVG文档中使用过滤器之前发生的所有内容


BackgroundImage在当前任何主流浏览器中都不是受支持的输入类型,在未来的浏览器中已被弃用

要完成您想要做的事情,您必须输入要在过滤器中用作源图形输入的形状,以及要通过feImage用作第二个输入的形状。feImage支持除Firefox之外的所有地方的直接片段引用,因此要获得完全的跨浏览器支持,您需要在feImage中将该形状作为单独的SVG数据URI内联

这是一个在非Firefox环境下工作的版本


BackgroundImage在当前任何主流浏览器中都不是受支持的输入类型,在未来的浏览器中已被弃用

要完成您想要做的事情,您必须输入要在过滤器中用作源图形输入的形状,以及要通过feImage用作第二个输入的形状。feImage支持除Firefox之外的所有地方的直接片段引用,因此要获得完全的跨浏览器支持,您需要在feImage中将该形状作为单独的SVG数据URI内联

这是一个在非Firefox环境下工作的版本