Svg 何时<;使用>;过滤后的形状-过滤器在Chrome中消失
我试图创建一个在SVG中应用了过滤器的形状的“镜像”效果。非常简单的镜像-只需将其与原始形状保持一定距离并翻转即可。原始形状应用了“辉光”过滤器 在不同浏览器中呈现时:Svg 何时<;使用>;过滤后的形状-过滤器在Chrome中消失,svg,svg-filters,Svg,Svg Filters,我试图创建一个在SVG中应用了过滤器的形状的“镜像”效果。非常简单的镜像-只需将其与原始形状保持一定距离并翻转即可。原始形状应用了“辉光”过滤器 在不同浏览器中呈现时: 边缘(非铬)渲染完全符合预期 Chrome不会在应用过滤器的情况下渲染镜像的形状-只渲染原始路径形状 Firefox甚至不呈现过滤器。啊 所以,考虑到边缘将很快移动到铬上,我想保持镜像形状的效果,应用过滤器。下面是我正在做的-我能做些什么不同的事情来让Edge在Chrome中产生效果吗 另一种解决方案是将路径和镜像都放在
- 边缘(非铬)渲染完全符合预期李>
- Chrome不会在应用过滤器的情况下渲染镜像的形状-只渲染原始路径形状
- Firefox甚至不呈现过滤器。啊
另一种解决方案是将路径和镜像都放在同一个g元素中,并将过滤器应用于
,如下所示:
Firefox显示为我的Edge,尽管我在Mac电脑上。是否启用了webrender?如果需要,可以尝试通过在about:config中设置gfx.webrender.force-disabled来禁用它。无论如何,如果你有一个Firefox bug,最好在Chrome中讨论/跟踪这是一个已知的女性形态bug:这是一个@RobertLongson,谢谢你的回复。我试着按照你的指示禁用它,但没有效果。我在v.68.0.2(64位)Windows10上。@kaido。谢谢你的链接。这看起来是个问题。但它已经开了三年了。我以前从未处理过Chrome中的实际bug——它有可能得到解决吗?我能做点什么吗,比如归档一个新的bug?只是不确定我的选择是什么来尝试修复它。建议的方法是“明星”问题。一个不太被推荐但仍然经常出现的方法是友好地提醒问题本身,它仍然影响着活跃的网站(你的)。现在,在你的位置上,我不希望很快会有任何修复,所以我想我会启动它,然后继续你收到的解决方案。谢谢,我感谢你的回复。不幸的是,在这种情况下,我需要进一步修改不应应用于原始形状的过滤器,例如镜像对象的大小、偏移。如果有其他解决办法,我很乐意听听。我尝试添加另一个带有feImage
过滤器的
,然后翻转/缩放该过滤器,但没有成功。所以我的想法是空的(