La escala de fuente SVG parece diferente según la aplicación del visor

Creé una imagen SVG usando Inkscape que consiste en un código QR, con algo de texto debajo del código QR.

Imagen según lo previsto y como se ve en Inkscape, Google Chrome e Inkview

Antes de enviar la imagen al fabricante que estará a cargo de imprimir la imagen en algunos objetos físicos, probé ver la imagen en algunos programas diferentes como GIMP y Firefox, y para mi sorpresa, el texto debajo del código QR en ciertos programas no se escala al ancho del código QR, como se ve en esta imagen:

Código QR como se muestra en GIMP y Firefox

Como se puede ver, hay una cantidad significativa de espacio a la derecha del último dígito de la identificación. Sin embargo, en Inkview/Google Chrome la imagen aparece exactamente igual que en Inkscape.

Después de investigar un poco, parece que algunos programas no implementan correctamente el texto SVG. Si bien en última instancia tendré que consultar con el fabricante y coordinar en función de cómo sus sistemas interpretan la imagen, tengo curiosidad:

¿Qué programas se utilizan normalmente para verificar que una imagen SVG se represente correctamente? Por ejemplo, dado que la imagen está hecha en Inkscape, idealmente me gustaría cotejar la imagen con otro programa para verificar la salida.

He leído otros lugares en los que podría intentar convertir el texto en una ruta para una mejor compatibilidad entre programas, sin embargo, este texto se genera dinámicamente, por lo que no parece práctico. (Tenga en cuenta que el problema no es el resultado de generar el texto dinámicamente, ya que he verificado el mismo comportamiento utilizando elementos de texto estáticos.

Actualización con enlace a archivos SVG: puede encontrar un Plunkr que incluye tanto la plantilla como la plantilla "completada" aquí: https://plnkr.co/edit/MZXmkkfrkztImOlzABrv

No se preocupe por el agujero a la derecha que falta en la versión generada; eso es solo para referencia de medición en Inkscape.

¿Puede proporcionar un archivo de muestra para probar?
Hola Michael, mira la publicación actualizada con el enlace. Tuve que eliminar la primera imagen debido a restricciones de reputación.
Si desea que esto sea fácil para las personas que puedan ayudar, proporcione los archivos SVG.
Hola Michael, por lo que puedo decir, los archivos SVG no se pueden adjuntar, ni siquiera como imágenes, por lo tanto, el enlace al plunkr donde se pueden ver ambas imágenes entre las etiquetas <svg>.
La posible solución alternativa sería convertir el texto en una ruta, luego se escalará de la misma manera en todas partes. Esto es especialmente cierto si usa alguna fuente exótica que el dispositivo final podría no tener.

Respuestas (1)

Si va a imprimirlos, PostScript (PS) le servirá mucho mejor que SVG . Los motores PostScript tienen mejores controles de calidad que SVG . Pero más que eso , PS en realidad define los espacios de color de la impresora, algo que SVG no hace bien en este punto, no es que la mayoría de los espectadores comiencen a admitir esto.

Independientemente de los problemas de formato, debe hablar sobre la fabricación con el fabricante. Nosotros no, por lo que la única forma de solucionar los problemas de fabricación es hablar con su fabricante sobre sus requisitos y el software utilizado, no especular sobre lo que utilizan.

Gracias por la respuesta. El fabricante requiere SVG para la impresión, en este caso, en blanco y negro. Me he decidido por otra solución, pero marcaré esto como la respuesta, en la medida en que la forma en que el texto en SVG se representa en la pantalla parece implementarse según el capricho de cualquier aplicación de visualización que se esté utilizando.
La escala de fuente SVG parece diferente según la aplicación del visor
RespuestasAquíPolítica de privacidad1y, 0v