Recientemente importé y edité un archivo en Inkscape . Guardé la imagen como "SVG optimizado" en Inkscape, pero cuando abrí el archivo resultante en diferentes programas, algunos lo mostraban igual que Inkscape, mientras que otros no aplicaban un gradiente lineal particular (mientras que todas las otras partes de la imagen , incluidos los gradientes, funcionaban bien).
Hasta ahora para la historia de fondo. Condensé mi imagen original en un ejemplo mínimo y determiné qué parte de la fuente SVG hace que los diferentes espectadores se comporten de manera diferente. Este es mi archivo SVG de ejemplo:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" height="982" width="982" version="1.1"
viewBox="0 0 982 982">
<defs>
<linearGradient id="a" gradientUnits="userSpaceOnUse"
gradientTransform="matrix(-62.075 1070.8 1070.8 62.075 521.8 -42.09)">
<stop stop-color="#bbb9c2" offset="0"/>
<stop stop-color="#3f3" offset="1"/>
</linearGradient>
</defs>
<path fill="url(#a)" d="m0 491.11c0 271.12 219.78 490.89 490.85 490.89 271.13 0 490.92-219.77 490.92-490.89 0-271.07-219.79-490.86-490.92-490.86-271.07 0-490.85 219.79-490.85 490.86"/>
</svg>
Así es como se ve en Inkscape y el visor de imágenes de GNOME ("Eye of GNOME") :
Así es como se ve en los navegadores web Firefox y Chromium:
Sin embargo, noté que si agrega el atributo x2="1"
al <linearGradient>
elemento, la imagen se ve igual en todos estos visores .
Desafortunadamente, no estoy lo suficientemente familiarizado con los detalles del formato de archivo SVG y el estándar SVG , pero me parece claro que una de estas interpretaciones de mi archivo debe estar equivocada (es decir, viola el estándar) . ¿Alguien sabe de qué lado está bien (es decir, para qué programas debo presentar un informe de error)?