¿Cómo Crear Mapas de Bits y SVG para Salida HTML?

¿Cómo Crear Mapas de Bits y SVG para Salida HTML?

A continuación se muestran ejemplos de llamadas para la creación de mapas de bits. Los mapas de bits ya están optimizados para 100 y 300 ppp. Puede cargar estos mapas de bits sobre la marcha en el navegador mediante un archivo de mapa de bits creado dinámicamente (nombre de archivo aleatorio/basado en marca de tiempo). Como alternativa también puede usar gráficos vectoriales mediante formato SVG.

tbarcode -fIMAGE -iGIF -oBarcode.gif -b8 -m0.254 --dpi=100 -d"1234567890ABC"

tbarcode -fIMAGE -iPNG -oBarcode.png -b112 -m0.508 --dpi=300 -d"www.tec-it.com"

Optimización de calidad:

• El ancho de módulo (el elemento gráfico más pequeño del código) ya se ajustó a la cuadrícula de píxeles en el mapa de bits. A 100 ppp, 0,254 mm corresponde exactamente a un píxel; a 300 ppp son 3 píxeles completos (por lo que no hay efectos de cuantización ni errores de redondeo). A 300 ppp, un tamaño de punto de 0,508 mm corresponde a 6 píxeles completos (de nuevo, sin efectos de cuantización).
• También puede especificar un valor objetivo para el ancho de módulo -m (o el ancho total -w) y usar la optimización interna mediante el parámetro --optimalwidth. El código de barras puede entonces ser más pequeño que el valor objetivo, ya que siempre se redondea hacia abajo a píxeles completos.
• Al mostrar e imprimir, se tienen en cuenta la resolución de la pantalla y de la impresora. Según los ppp, pueden producirse errores de redondeo.

tbarcode -fSVG -oBarcode.svg -b112 -m0.762 -d"https://www.tec-it.com"

El formato vectorial SVG también es compatible; la mayoría de los navegadores ya pueden mostrarlo. En formato SVG también tenemos una línea de texto plano para los códigos 1D.

Integración en HTML:

Con el formato SVG, puede cargar el SVG mediante una etiqueta <img src="svg-url"> como con el mapa de bits, o integrarlo directamente en línea en el HTML como nodos <svg> (sin necesidad de descarga de imagen adicional). Para la integración en línea, omita la primera línea de nuestro archivo SVG; solo necesita el nodo <svg>. El tamaño de visualización (viewBox) también puede jugar un papel.