Avatar for Username

Pesquisar no apoio

Evite burlas no apoio. Nunca iremos solicitar que telefone ou envie uma mensagem de texto para um número de telefone ou que partilhe informações pessoais. Por favor, reporte atividades suspeitas utilizando a opção "Reportar abuso".

Saber mais

Esta discussão foi arquivada. Se precisar de ajuda, por favor, coloque uma nova questão.

SVG blur looks ugly in firefox

  • 1 resposta
  • 6 têm este problema
  • 19 visualizações
  • Última resposta por 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.

Todas as respostas (1)

kwarc
kwarc Proprietário da pergunta
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.

Modificado por kwarc a