2010-11-23 11 views
6

Estoy intentando aplicar un filtro SVG (desenfoque gaussiano) a solo una parte de una imagen (es decir, el fondo). He logrado el efecto adjuntando una imagen SVG recortada con desenfoque gaussiano aplicado en la misma posición (para que parezca que la falta de definición de Gauss se aplica a la imagen original).Aplicación del filtro SVG a la imagen de fondo

Esto es obviamente ineficiente y estoy buscando un mejor método. Después de leer algunos documentos y ejemplos de SVG, parece que se necesita el atributo enable-background, pero agradecería mucho la ayuda sobre cómo implementarlo.

Editar:

Un ejemplo del efecto que estoy buscando: http://img695.imageshack.us/img695/92/chromeblur.png

+0

Un ejemplo sería bueno aquí. –

+0

lo siento, no me permitió adjuntar imágenes inicialmente porque soy nuevo. He agregado un enlace al efecto deseado –

+2

El enlace imageshack está roto. La (nueva) imagen debe estar incrustada en su lugar. –

Respuesta

5

Aquí es una buena descripción de cómo debería funcionar en SVG

http://srufaculty.sru.edu/david.dailey/svg/SVGOpen2010/Filters2.htm

Pero El soporte de SVG aún está incompleto en todos los navegadores comunes. Especialmente los efectos de filtro en fondos que utilizan los atributos in = "BackgroundImage" y enable-background no son compatibles con ningún navegador común.

Cuestiones relacionadas