svg - 如何在 SVG 中使用我自己的混合公式？

Question

我正在使用 SVG。

标准混合模式:屏幕、变亮、叠加、差异。等等......不是我需要的。

我为我需要使用的另一种混合模式设计了一个公式，它不是任何标准模式，但不知道如何将它实现到我的 SVG 文件中以使其正常工作。

例如，我是否只是在过滤器中执行 feBlend mode="Cm = B(Cb, Cs)"？

具体来说，我想将上面图层的亮度应用到下面图层的 alpha channel 。

一定有办法。

谢谢。

Answer 1

您无法在 SVG 1.1 中提供自定义混合公式 - 您被内置插件困住了。但是，您可以使用具有多个 feBlends 和 feComposite 算术模式的复合过滤器以及 feColorMatrix 来创建其他类型的混合。

更新:

你想做的事不可能按照你想做的方式去做。其中一个输入完全不透明的 feBlend 操作的结果是完全不透明的结果。 feBlend 使用预乘的值进行颜色计算。因此，您不能直接获取一张图像的 Alpha channel ，并将其传输到另一张图像的 Alpha channel 。但是，如果您尝试将图像与其背景混合并且这就是您尝试调整 Alpha channel 的原因，则可以通过将背景图像用作混合过滤器的一部分来实现您正在寻找的效果(但是这仅在今天的 IE10 和 Opera 中才有可能)。

有一个proposed new blend mode in the combined CSS/SVG blending spec "mode=Luminosity"这会做你想做的 - 但这一段时间不会出现在浏览器中。