【发布时间】:2014-11-01 08:16:03
【问题描述】:
我发现 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 in
- Firefox 32 / Win7:元素可见且模糊
- Chrome 37 / Win7:元素不可见
在chrome中,将比例设置为正数会使元素出现(虽然比例不正确);或者,删除过滤器引用将使元素出现(虽然不模糊)。
是我做错了什么,还是 Blink 错误?
【问题讨论】:
标签: google-chrome svg svg-filters