News for hackers. Stuff that matters.

A comment on Show HN: React component for blurred backgrounds. Parent comment

Re:Show HN: React component for blurred backgrounds by spdustin on Friday April 03, 2015 @04:59PM (#9318477)
You can. SVG Filters are supported.

http://blogs.msdn.com/b/ie/archive/2011/10/14/svg-filter-eff...

Edit: to clarify, the image would need to be moved into the SVG (which could be a simple DOM manipulation of the original <img> tag).

[ Parent | on HN ]
Re:Show HN: React component for blurred backgrounds by fitter on Friday April 03, 2015 @05:05PM (#9318524)
Hm, if that's the case, then theoretically this component can be easily improved to support any DOM container (not just images) by just polyfilling filter: with native or SVG.
[ Parent | on HN ]
Re:Show HN: React component for blurred backgrounds by spdustin on Friday April 03, 2015 @05:34PM (#9318709)
I dunno about that. <img> has a pretty direct analog in SVG that you could create by adding it (and the SVG container) to the DOM in script. Arbitrary markup would probably be best to render into a canvas.

Of course, you could always just force IE9 mode... ;)

[ Parent | on HN ]
Re:Show HN: React component for blurred backgrounds by javierbyte on Friday April 03, 2015 @05:03PM (#9318510)
Thank you! I will investigate and compare.
[ Parent | on HN ]