Come Creare Bitmap e SVG per Output HTML?

Come Creare Bitmap e SVG per Output HTML?

Di seguito esempi di chiamate per la creazione di bitmap. Le bitmap sono già ottimizzate per 100 e 300 dpi. È possibile caricare queste bitmap al volo nel browser tramite un file bitmap creato dinamicamente (nome file basato su valore casuale/timestamp). In alternativa è possibile utilizzare anche la grafica vettoriale tramite 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"

Ottimizzazione della qualità:

• La larghezza modulo (il più piccolo elemento grafico nel codice) è già stata adattata alla griglia dei pixel nella bitmap. A 100 dpi, 0,254 mm corrisponde esattamente a un pixel, a 300 dpi corrisponde a 3 pixel interi (quindi non ci sono effetti di quantizzazione o errori di arrotondamento). A 300 dpi, una dimensione punto di 0,508 mm corrisponde a 6 pixel interi (anche in questo caso, nessun effetto di quantizzazione).
• È inoltre possibile specificare un valore target per la larghezza modulo -m (o la larghezza totale -w) e utilizzare l’ottimizzazione interna tramite il parametro --optimalwidth. Il codice a barre può quindi diventare più piccolo del valore target, poiché viene sempre arrotondato per difetto a pixel interi.
• Durante la visualizzazione e la stampa, vengono presi in considerazione la risoluzione del display e della stampante. A seconda dei DPI, possono verificarsi errori di arrotondamento.

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

È supportato anche il formato vettoriale SVG, che la maggior parte dei browser è ormai in grado di visualizzare. Nel formato SVG disponiamo anche di una riga di testo semplice per i codici 1D.

Integrazione HTML:

Con il formato SVG, è possibile caricare l’SVG tramite un tag <img src="svg-url"> come con la bitmap, oppure integrarlo direttamente in linea nell’HTML come nodi <svg> (senza necessità di download aggiuntivo dell’immagine). Per l’integrazione in linea, omettere la prima riga del file SVG; è necessario solo il nodo <svg>. Anche la dimensione di visualizzazione (viewBox) può giocare un ruolo.