SVG 如何能够合并模糊等效果?

How SVGs are able to incoporate effects like blur?

我很早就熟悉SVG格式了。它的可用性和优势也优于光栅图像。

但最近我遇到了一种情况,我需要 SVG 中的模糊效果(基本上是一种由原始形状定义的资产,它模仿模糊效果并且可以无限缩放),所以我进行了 google 搜索,并且很多我很惊讶有官方的方法可以做到这一点;我原以为不会!

如果 SVG 真的是由数学定义的基元形状组成,那么我基本上很感兴趣,那么它如何结合模糊等效果。什么形状甚至可以用于这样的过程?

在 Firefox 中,我们将 SVG 渲染到屏幕外表面,模糊该表面上的像素,然后 blit 屏幕外表面。我想其他浏览器也有类似的工作方式。

过滤器和遮罩是光栅操作,其他大部分都是矢量。