SVG Filters
Source : Alex Schroeder: Diary
I need help with SVG filters.This is what I want to achieve:Previously, I’d duplicate the text element, make the background white, and blur it: <defs> <filter id="label-glow"> <feGaussianBlur stdDeviation="1" /> </filter> </defs> <text stroke="white" stroke-width="5" filter="url(#label-glow)">Harald's Repose</text> <text>Harald's Repose</text>I’m trying not to duplicate the text element. Here’s how to do it using filters: <defs> <filter id="label-glow"> <feFlood flood-color="white"/> <feComposite in2="SourceGraphic" operator="in"/> <feGaussianBlur stdDeviation="2"/> <feComposite operator="over"/> <feComposite operator="over"/> <feComposite operator="over"/> <feComposite operator="over"/> <feComposite in="SourceGraphic"/> </filter> </defs> <text filter="url(#label-glow)">Harald's Repose</text>Unfortunately the output of the Gaussian blur is very weak which is why I need to overlay it multiple times. What am I missing?Tags: SVG Software
le 27.02.13 à 23:29
dans Mind
- 
Article précédent - Commenter - Article suivant -