Windows 10 reached EOS (end of support) on October 14, 2025. For more information, see this article.

Avatar for Username

Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

En savoir plus

Ce sujet de discussion a été archivé. Veuillez poser une nouvelle question si vous avez besoin d’aide.

SVG blur looks ugly in firefox

  • 1 réponse
  • 6 ont ce problème
  • 7 vues
  • Dernière réponse par kwarc

kwarc
kwarc
options supplémentaires

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.

Toutes les réponses (1)

kwarc
kwarc Auteur de la question
options supplémentaires

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.

Modifié le par kwarc