Safari 定位 SVG feSpotlight 过滤器麻烦 [英] Safari trouble positioning SVG feSpotlight filter
本文介绍了Safari 定位 SVG feSpotlight 过滤器麻烦的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想使用聚光灯效果,但它似乎只能在 Chrome 中工作,在 Firefox 中看起来还可以",但在 Safari 中无法定位 (x,y,z).(其他浏览器未测试)
我尝试了不同的过滤器和原始单元,虽然这有所不同,但 Safari 似乎仍然无法在任何情况下定位照明效果.
为了了解正在发生的事情,我尝试了很多解决方法,包括不同的 userSpaceOnUse/objectBoundingBox 组合和不同的 svg 结构,但从未找到一种适用于 Safari 的方法.
示例
默认过滤器/原始单位:
为了显示 Safari 上的聚光灯位置不正常",我在网络检查器中轻推它们,以便我可以看到聚光灯渲染:
这是使用 objectBoundingBox 过滤器和原始单元的代码: