我发现Google Chrome没有显示具有负刻度和过滤器(例如高斯模糊)的SVG元素。这是个虫子吗?
最小非工作示例:
<filter id="blur-norm">
<feGaussianBlur stdDeviation="1 3" />
</filter>
<g id="norms" transform="scale(-0.5)">
<rect x="-40" y="-50" width="100" height="100" fill="#50aea9" stroke="#355270" stroke-width="5" />
</g>
中这个JSFiddle的比较
- Firefox 32/Win7:元素可见且模糊
- Chrome 37/Win7:元素不可见
在chrome中,将比例设置为正数会使元素出现(尽管缩放不正确);或者,移除过滤器引用将使元素出现(尽管不模糊)。
是我做错了什么,还是这是一个闪虫?
看起来是几天前报道的。
https://code.google.com/p/chromium/issues/detail?id=409602
我无法让Chrome显示任何过滤器,直到我删除了标题外的部分,然后presto,显示了所有过滤器。