examples code svg svg-filters

code - svg html



Corte de desenfoque gaussiano en los bordes (1)

El lienzo del filtro tiene valores predeterminados: x = y = -10% y ancho = alto = 120%. Puede cambiarlos con los atributos x, y, ancho y alto en el elemento de filtro.

Intenta establecer un lienzo más grande:

<filter x="-50%" y="-50%" width="200%" height="200%"/>

Sin embargo, dado que el lienzo es más grande, habrá una pérdida de rendimiento.

Estoy trabajando en una utilidad de exportación svg para un programa de dibujo en Android. Tengo un problema con el hecho de que el desenfoque de atrás está cortado más allá de los límites de la forma. Parece que necesito cambiar el tamaño del ViewBox o aumentar el margen o algo así. ¿Alguien sabe de la mejor manera?

La url del archivo de prueba está aquí , se descarga porque el tipo de mime no está configurado correctamente en el servidor y no puedo reiniciarlo en este momento :(. Hay imágenes y fuentes incrustadas en el archivo, por lo que es grande. Pero si lo guarda en el disco puede abrir en chrome, ff, etc ...

Se da un ejemplo ampliado de este problema. Observe los bordes cuadrados en el resplandor naranja.