Evitando linhas entre retângulos svg adjecentes

Embora haja algumas opções padronizadas paradica do navegador sobre anti-aliasing em svg, nenhum deles parece funcionar para o meu caso em que eu tenho retângulos com cantos arredondados - e, portanto, não posso me permitir desativar o anti-aliasing.

Embora meus retângulos sejam dimensionados para não deixar espaços verticais entre eles, uma linha fina é exibida entre eles, devido aos efeitos do anti-aliasing. Por exemplo. meu svg tem um final de retângulo no pixel 80 e o próximo começa em 81, mas ainda assim eles exibem uma fina linha de fundo entre eles.

Não há como forçar os navegadores da versão mais recente a evitar anti-aliasing para linhas retas (crispEdges não força isso para meus retângulos arredondados).

Eu li um pouco sobre ajustes adicionando 0,5 de um pixel aoy valores e sobre ajustes apenas pares ou ímparesy (acredito que isso esteja relacionado ao fato de a maioria das telas de LCD contemporâneas compreenderemdois pixels verticais de hardware por pixel exposto por software) Não tenho certeza de quão precisamente isso atenua o problema e gostaria de obter uma explicação definitiva sobre por que exatamente isso faz sentido e qual é a abordagem de ajustes mais correta / sólida.

questionAnswers(1)

yourAnswerToTheQuestion