Safari 定位 SVG feSpotlight 过滤器麻烦 [英] Safari trouble positioning SVG feSpotlight filter

查看:72
本文介绍了Safari 定位 SVG feSpotlight 过滤器麻烦的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想使用聚光灯效果,但它似乎只能在 Chrome 中工作,在 Firefox 中看起来还可以",但在 Safari 中无法定位 (x,y,z).(其他浏览器未测试)

我尝试了不同的过滤器和原始单元,虽然这有所不同,但 Safari 似乎仍然无法在任何情况下定位照明效果.

为了了解正在发生的事情,我尝试了很多解决方法,包括不同的 userSpaceOnUse/objectBoundingBox 组合和不同的 svg 结构,但从未找到一种适用于 Safari 的方法.

示例

默认过滤器/原始单位:

为了显示 Safari 上的聚光灯位置不正常",我在网络检查器中轻推它们,以便我可以看到聚光灯渲染:

这是使用 objectBoundingBox 过滤器和原始单元的代码: