SVG+Chrome+过滤器+负刻度



我发现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,显示了所有过滤器。

最新更新