¿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 dpi. Puede cargar estos mapas de bits dinámicamente en el navegador mediante un archivo de mapa de bits creado sobre la marcha (con un nombre de archivo basado en aleatorio/marca de tiempo). Como alternativa, también puede usar gráficos vectoriales mediante el 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 dpi, 0,254 mm corresponden exactamente a un píxel; a 300 dpi, son 3 píxeles completos (por lo que no hay efectos de cuantización ni errores de redondeo). A 300 dpi, 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 volverse más pequeño que el valor objetivo, ya que siempre se redondea hacia abajo a píxeles completos.
• Al mostrar e imprimir, se tiene en cuenta la resolución de la pantalla y de la impresora. Según el DPI, 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 disponemos de una línea de texto plano para 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 influir.