☰

Gradiente linear SVG exibido de forma diferente por software diferente quando o atributo x2 não está presente

tag-icon • tag-icon browser inkscape svg standards
Gradiente linear SVG exibido de forma diferente por software diferente quando o atributo x2 não está presente

Recentemente importei e editei um arquivo emInkscape. Salvei a imagem como “SVG otimizado” no Inkscape, mas quando abri o arquivo resultante em programas diferentes, alguns o exibiram da mesma forma que o Inkscape, enquanto outros não aplicaram um gradiente linear específico (enquanto todas as outras partes da imagem , incluindo gradientes, estavam funcionando bem).

Até agora, para a história de fundo. Condensei minha imagem original em um exemplo mínimo e determinei qual parte da fonte SVG faz com que diferentes visualizadores se comportem de maneira diferente. Este é meu arquivo SVG de exemplo:

<?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>

Isto é o que parece no Inkscape e noVisualizador de imagens GNOME (“Eye of GNOME”): exemplo de imagem SVG no Inkscape ou Eye of GNOME

Esta é a aparência nos navegadores Firefox e Chromium: exemplo de imagem SVG no Firefox ou Chromium

Contudo, notei quese você adicionar o atributo x2="1"ao <linearGradient>elemento, a imagem terá a mesma aparência em todos esses visualizadores.

Infelizmente, não estou familiarizado o suficiente com os detalhes do formato de arquivo SVG ePadrão SVG, mas me parece claro queuma dessas interpretações do meu arquivo deve estar errada (ou seja, viola o padrão). Alguém sabe de quem é o lado certo (ou seja, para quais programas devo registrar um relatório de bug)?

Responder1

OK, então ainda não tenho certeza de qual das duas representações está correta, mas suspeito que seja a exibida pelos navegadores da web porque descobri bugs que afetam o comportamento em meu exemplo no Inkscape e no Eye do GNOME (veja abaixo).

EUterdescobri o motivo pelo qual tomei conhecimento desse problema: O arquivo SVG que abri com o Inkscape tinha um <linearGradient>com os atributos gradientUnits="userSpaceOnUse"e x2="1"(assim como no meu exemplo). Ao salvar como “SVG otimizado”, o Inkscape “otimizou” o x2="1"atributo porque interpretou isso como equivalente a x2="100%", que é o padrão para o x2atributoconforme especificado pelo padrão SVGe, portanto, poderia ser omitido.No entantox2="100%", a interpretação de ⇔ do Inkscape x2="1"está (provavelmente) incorreta – isso éBug do Inkscape #1153706.

Em minha pesquisa sobre esse assunto, encontrei várias inconsistências sobre como diferentes softwares lidam gradientUnits="userSpaceOnUse"em combinação com os atributos do vetor gradiente x1, x2e . A seguir estão relatórios de bugs que já existiam ou que eu mesmo arquivei como resultado de minhas descobertas:y1y2

informação relacionada