Atualmente, cria um aplicativo SVG baseado em navegador. Nesse aplicativo, várias formas podem ser estilizadas e posicionadas pelo usuário, incluindo retângulo

Quando aplico umstroke-width para um SVGrect elemento da palavra1px, o traçado é aplicado aorect São deslocados e inseridos de diferentes maneiras por diferentes navegadores. Isso está se mostrando problemático,especialment quando tento calcular a largura externa e a posição visual de um retângulo e posicioná-lo ao lado de outros elemento

Por exemplo

@Firefox adiciona 1 px de inserção (inferior e esquerda) e 1 px de deslocamento (superior e direita) @Chrome adiciona 1 px inserido (superior e esquerdo) e 1 px offset (inferior e direito)

Minha única solução até agora seria desenhar as fronteiras reais (provavelmente com opath tool) e posicione as bordas atrás do elemento traçado. Mas essa solução é uma solução desagradável e eu prefiro não seguir esse caminho, se possível.

Então, minha pergunta é: você pode controlar como os SVG'sstroke-width é desenhado em elementos?