Tengo una biblioteca de geometría computacional (2D) en la que estoy trabajando y me gustaría poder escupir imágenes para ayudar a depurar. Las primitivas que quiero son puntos, segmentos de línea y texto. Pero no sé de antemano qué escala estaré interesada en mirar (tal vez solo una pequeña parte del polígono no funciona correctamente), así que también tengo que poder hacer zoom y desplazar la imagen.

Me engancheSVGPan para panoramizar y hacer zoom en mis imágenes generadas cuando las veo en Chrome, pero (comprensiblemente) todas las primitivas están escalando con el zoom, ya que SVGPan funciona simplemente mediante el uso de una transformación de escala. Así que acercarse no ayuda a descubrir qué está pasando en regiones de características muy pequeñas.

Encontré laefecto vectorial propiedad, que corrige los segmentos de línea bastante bien permitiéndome especificar un ancho en píxeles. Pero no me ayuda a gestionar el texto. Idealmente, sería de 12 puntos, sin importar qué tan grande sea la escala de transformación.

Y también todavía estoy perdido acerca de los puntos de dibujo. Pensé que podría usar círculos, pero el radio también se escala, así que si te acercas demasiado, parece un montón de círculos en lugar de puntos. Si uso la propiedad de efecto vectorial, el ancho del trazo del círculo ya no se escalará, pero el radio del círculo aún lo hace. Así que termino con círculos grandes con contornos delgados, en lugar de un círculo pequeño de uno o dos píxeles de radio.

¿Hay alguna manera de escalar solo las posiciones de los elementos, tal vez? Realmente siempre quiero que las líneas, los puntos y el texto aparezcan del mismo tamaño, independientemente de la escala, y que solo tengan su escala de posiciones. Mis archivos SVG son generados por una máquina y estrictamente para ayudarme a codificar, así que no me importan los hacks extraños, si alguien tiene alguna idea. O si hay otra tecnología en lugar de SVG que tenga más sentido para este caso de uso.