Logo de islavisual
Logo de islavisual IslaVisual
imagen de sección

Ultima revisión 01/11/2012

SVG Filters: Uso de feGaussianBlur (Filtro Gausiano)

Se utiliza para realizar un desenfoque gaussiano en la imagen. Tiene 2 atributos para realizar distintas acciones.

In: 
<?xml version="1.0" standalone="no"?> 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> 
<svg width="200" height="200" viewBox="0 0 200 200" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <!-- SIN DEFINICIONES NI FILTROS -->
        <!-- IMAGEN ORIGINAL -->
    </defs>
    <image id="feGaussianBlur_image" x = "0" y = "0" width = "100%" height = "100%" xlink:href = "../../img/svg-filters/guitar.png" />
</svg>

stdDesviation que define la desviación estándar para la operación de desenfoque.

in que define dónde y cómo se realizará la operación de desenfoque.

KeywordDefinición
Representa a los elementos gráficos que están comprendidos entre <filter> y </filter>.
Representa los elementos gráficos que estan comprendidos entre <filter> y </filter>. SourceAlpha tiene las mismas reglas que SourceGraphic a excepción de que sólo el canal alfa se utiliza.
BackgroundImage representa una instantánea de la imagen del tapiz bajo la declaración del filtro en el momento en que filter fue invocado.
Igual que BackgroundImage exceptuando que sólo utiliza el canal alfa.
Representa el valor de la propiedad fill sobre el elemento destino en el que se aplica el filtro. Frecuentemente esta imagen es opaca en todas partes, pero pudiera ser que no si, el "dibujo" en sí tiene alfa, como en el caso de un gradiente o patrón que, en su propia definición, incluyese partes transparentes o semi-transparentes.
Representa el valor de la propiedad stroke sobre el elemento destino en el que se aplica el filtro. Frecuentemente esta imagen es opaca en todas partes, pero pudiera ser que no si, el "dibujo" en sí tiene alfa, como en el caso de un gradiente o patrón que, en su propia definición, incluyese partes transparentes o semi-transparentes.

Sobre el autor

Pablo Enrique Fernández Casado

CEO de IslaVisual, Manager, Full Stack Analyst Developer y formador por cuenta ajena con más de 25 años de experiencia en el campo de la programación y más de 10 en el campo del diseño, UX, usabilidad web y accesibilidad web. También es escritor y compositor de música, además de presentar múltiples soft kills como la escucha activa, el trabajo en equipo, la creatividad, la resiliencia o la capacidad de aprendizaje, entre otras.

Especializado en proveer soluciones integrales de bajo coste y actividades de consultoría de Usabilidad, Accesibilidad y Experiencia de Usuario (UX), además de ofrecer asesoramiento en SEO, optimización de sistemas y páginas web, entre otras habilidades.