SVG + Chrome +过滤器+负尺度

时间:2014-09-08 06:44:35

标签: google-chrome svg svg-filters

我发现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中,将比例设置为正数会使元素出现(虽然缩放比例不正确);或者,删除过滤器参考将使元素出现(尽管不模糊)。

我做错了什么,或者这是一个Blink错误?

2 个答案:

答案 0 :(得分:2)

答案 1 :(得分:1)

我无法让Chrome显示任何过滤器,直到我从头部删除然后presto,显示所有过滤器。