Avatar for Username

搜索 | 用户支持

防范以用户支持为名的诈骗。我们绝对不会要求您拨打电话或发送短信，及提供任何个人信息。请使用“举报滥用”选项报告涉及违规的行为。

详细了解

话题已存档。 如果需要帮助请提出新问题。

SVG blur looks ugly in firefox

  • 1 个回答
  • 6 人有此问题
  • 19 次查看
  • 最后回复者为 kwarc

kwarc
kwarc
more options

I had filed this question earlier in stack overflow but couldn't get an answer. http://stackoverflow.com/questions/17146628/svg-blur-very-choppy-in-firefox

Please check the link out as it contains pictures to show you what really is going on. To summarize, I am using svg blur filter in an image like the following:

<svg id="blurjs-10"> 

  <filter id="blur10px">
     <feGaussianBlur stdDeviation="10" in="SourceGraphic">
  </filter>

</svg>

In "firefox on windows" the blur quality with the above code is really really bad. To improve this I used filterRes tag. It works better but not completely solved. Chrome, safari and even IE10 display blur nicely.

I had filed this question earlier in stack overflow but couldn't get an answer. http://stackoverflow.com/questions/17146628/svg-blur-very-choppy-in-firefox Please check the link out as it contains pictures to show you what really is going on. To summarize, I am using svg blur filter in an image like the following: <svg id="blurjs-10"> <filter id="blur10px"> <feGaussianBlur stdDeviation="10" in="SourceGraphic"> </filter> </svg> In "firefox on windows" the blur quality with the above code is really really bad. To improve this I used filterRes tag. It works better but not completely solved. Chrome, safari and even IE10 display blur nicely.

所有回复 (1)

kwarc
kwarc 提问者
more options

If you want more examples: http://naya.com.np/?p=photo.13

If the photo opens in a modal, the background is blurred. If not try clicking the "open picture in modal" button at the bottom menu bar.

The blurred background looks really ugly in windows firefox. However in chrome, safari the background blur is really elegant.

由kwarc于修改