SVG过滤器feGaussianBlur和feColorMatrix在Safari/iOs中不工作，替代方案？

我在codepen的演示中看到了这段代码

<svg version="1.1" xmlns="http://www.w3.org/2000/svg">
        <defs>
            <filter id="goo">
                <feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="12" />
                <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -7" result="goo" />
            </filter>
        </defs>
</svg>

它在Chrome中运行良好，但在Safari/iOs中不起作用我想feGaussianBlur在Safari中不起作用，它没有像Chrome或Firefox那样的粘性效果

我怎样才能使它工作或替代？谢谢你的帮助。

在这本书中说：

SVG过滤器具有良好的支持，但并非所有浏览器都支持将其应用于常规DOM元素，尤其是Safari

所以使用和元素而不是。。。为了获得更好的兼容性

html、正文、div、svg{ 身高：100%； 宽度：100%； } @关键帧颜色{ 0% { 填料：FBD301； } 25% { 填充：FF3270； } 50% { 填料：208BF1； } 75% { 填充：AFE102； } 100% { 填料：FBD301； } } @关键帧旋转-1{ 20% { 变换：旋转180度translateX-100px； } 25% { 变换：旋转180度平移0； } } @关键帧旋转-2{ 25% { 转化：无； } 45% { 变换：旋转180度平移100px； } 50% { 变换：旋转180度平移0； } } @关键帧旋转-3{ 50% { 转化：无； } 70% { 变换：旋转180度平移100px； } 75% { 变换：旋转180度平移0； } } @关键帧旋转-4{ 75% { 转化：无； } 95% { 变换：旋转180度平移Y-100px； } 100% { 变换：旋转180度平移0； } } 圈{ 变换原点：中心； 动画：色彩无限； } 圆圈：N-child2{ 动画：颜色减缓4s无限，旋转-1减缓4s无限； } 圆圈：N-child3{ 动画：颜色减缓4s无限，旋转-2减缓4s无限； } 圆圈：N-child4{ 动画：颜色减缓4s无限，旋转-3减缓4s无限； } 圆圈：N-child5{ 动画：颜色减缓4s无限，旋转-4减缓4s无限； }

---

请添加您不在safari工作的意思。预期的结果是什么？你遇到了什么？我认为feGaussianBlur在safari中不起作用，它没有像Chrome或Firefox那样的粘性效果，对不起！我糟糕的英语可以证实：仍然不能在Safari macOS或iOS中工作。正在寻找解决方案。如果我找到它，我会把它贴在这里。