【问题标题】:SVG + Chrome + filter + negative scaleSVG + Chrome + 滤镜 + 负比例
【发布时间】: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


    【解决方案1】:

    【讨论】:

    • Chromium 贡献者似乎已经创建了一个修复程序,但它看起来要到 v39 才会发布。
    【解决方案2】:

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

    【讨论】:

    • 欢迎。感谢您的提示,尽管最好将其作为评论发布(并且将来可能会被删除。)
    • @mins:也许用户听起来不安全,但答案本身似乎很有帮助。
    • @min:这个问题突然出现以供审查。虽然接受的答案告诉我们这是一个错误,但这个答案实际上试图通过变通方法提供解决方案。我看不出有什么理由删除它。
    • 接受的答案所描述的错误现已修复——Chrome 42 能够正确呈现我的问题中链接的 JSFiddle。因此,不再需要任何解决方法。不过,如果将来出现相关的错误,我想这种建议可能会很有用。
    猜你喜欢
    • 2021-11-19
    • 2012-04-03
    • 1970-01-01
    • 2017-05-09
    • 2014-05-24
    • 2019-04-26
    • 2016-06-27
    • 2014-08-16
    • 2017-10-14
    相关资源
    最近更新 更多