Al exportar a svg desde Illustrator, el código genera un número de "gradiente lineal" o "gradiente radial". Esto parece funcionar hasta que exporto varios archivos con diferentes degradados. No importa cómo los nombre en Estilos gráficos, Illustrator los exporta y nombra los degradados cronológicamente, reiniciando para cada archivo. Esto significa que cuando se usa en un sitio web, los gradientes se estropean por completo porque varios se llaman igual, por ejemplo, "linear-gradient-2". ¿Hay alguna manera de exportar los svg para que no se use esta convención de nomenclatura? o tengo que arreglar el código manualmente?
Ej1
<linearGradient id="linear-gradient-2" x1="662.49" y1="137.19" x2="796.91" y2="271.61" gradientTransform="matrix(1, 0, 0, -1, 0, 578)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#ff7900"/>
<stop offset="1" stop-color="#ffa300"/>
<stop offset="1" stop-color="#f59c00"/>
<stop offset="1" stop-color="#ce8201"/>
<stop offset="1" stop-color="#b67102"/>
<stop offset="1" stop-color="#ad6b02"/>
</linearGradient>
Ex2
<linearGradient id="linear-gradient-2" x1="234.52" y1="892.3" x2="234.52" y2="1254" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#2d4847"/>
<stop offset="1" stop-color="#294c4c"/>
<stop offset="1" stop-color="#1c595b"/>
<stop offset="1" stop-color="#066f73"/>
<stop offset="1" stop-color="#00757a"/>
</linearGradient>
No hay solución para los degradados, incluso haciéndolos en el mismo archivo y en una mesa de trabajo diferente.
Pero siguiendo esta respuesta :
En lugar de hacer un degradado, intente mezclar , aquí hay una muestra de Codepen .
scott