Elementos independentes de escala

Eu tenho uma biblioteca de geometria computacional (2D) na qual estou trabalhando e gostaria de ser capaz de cuspir fotos para ajudar a depurar. As primitivas que eu quero são pontos, segmentos de linha e texto. Mas eu não sei de antemão qual escala eu estarei interessado em olhar (talvez apenas uma pequena parte do polígono não esteja funcionando direito), então eu preciso ser capaz de ampliar e deslocar a imagem também.

Eu ligueiSVGPan para deslocar e ampliar minhas imagens geradas quando as visualizo no Chrome, mas (compreensivelmente) todas as primitivas são dimensionadas com o zoom, já que o SVGPan funciona apenas usando uma transformação de escala. Então, o zoom não ajuda a descobrir o que está acontecendo em regiões de recursos muito pequenas.

Eu encontrei oefeito de vetor propriedade, que fixa os segmentos de linha muito bem, permitindo-me especificar uma largura em pixels. Mas isso não me ajuda a gerenciar o texto. Idealmente, seria 12 pt, não importando o tamanho da escala de transformação.

E também ainda estou perdendo pontos de desenho. Pensei que poderia usar círculos, mas o raio também é dimensionado, por isso, se você aumentar muito o zoom, isso parecerá um monte de círculos em vez de pontos. Se eu usar a propriedade de efeito de vetor, a largura do traçado do círculo não será mais dimensionada, mas o raio do círculo ainda será reduzido. Então acabo com círculos grandes com contornos finos, em vez de um pequeno círculo, um pixel ou dois em raio.

Existe uma maneira de escalar apenas posições para elementos, talvez? Eu realmente sempre quero que as linhas, pontos e texto apareçam do mesmo tamanho, independentemente da escala, e só têm suas posições dimensionadas. Meus arquivos SVG são todos gerados por máquina e estritamente para me ajudar a codificar, então eu não me importo com hacks estranhos, se alguém tiver alguma idéia. Ou se houver outra tecnologia em vez de SVG que faça mais sentido para esse caso de uso.

questionAnswers(1)

yourAnswerToTheQuestion