¿Es posible recrear este tipo de gradiente borroso en un SVG?
11
Si y no.
Es posible crear una malla de degradado en Inkscape y guardarla como SVG. Sin embargo, los estándares SVG utilizados en los navegadores aún no admiten mallas de degradado. Esto podría cambiar en el futuro, pero para el presente no.
Otro método que funciona en los navegadores es agregar varios objetos sólidos, desenfocarlos y ponerlos en una máscara de recorte. Esta sigue siendo una solución de vector puro, no está rasterizada.
Aquí está el SVG para la versión que funciona en los navegadores, si lo desea.
Editar : el enlace anterior al SVG ya no está disponible, así que lo eliminé.
Se puede hacer en Illustrator e Inkscape como malla de degradado. Cuando se guarda como SVG en Illustrator heredado, se transforma en imagen de mapa de bits. Obviamente Illustator lo sabía hace unos 6 años, pero el lenguaje SVG no.
Cuando se guardó en Inkscape como SVG simple, no como Inkscape SVG, permaneció como malla de degradado y al abrir el archivo SVG con un editor de texto reveló que hay un comando de gradiente de malla. Ver el fragmento de código
Entonces, sin conocer los estándares, puedo decir "Al menos está implementado en el SVG simple de Inkscape".
Con suerte, alguien programador consciente del estado de desarrollo de SVG dice algo exacto.
fuente
Si su objetivo es tener un gradiente de malla ligero y escalable, puede probar este método:
https://peterhrynkow.com/performance/2019/01/13/blowing-up-images-to-make-them-small.html
No es un vector, pero podría serlo ya que el tamaño del archivo es súper pequeño y la imagen se escala infinitamente.
fuente