Come creare bitmap e SVG per output HTML?

Come creare bitmap e SVG per output HTML?

Di seguito sono riportate chiamate di esempio per la creazione di bitmap. Le bitmap sono già ottimizzate per 100 e 300 dpi. Potete caricare queste bitmap al volo nel browser tramite un file bitmap creato dinamicamente (nome file basato su casualità/timestamp). In alternativa potete anche usare 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 del modulo (il più piccolo elemento grafico nel codice) è già stata adattata alla griglia di 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 qui, nessun effetto di quantizzazione).
• Potete anche specificare un valore target per la larghezza del modulo -m (o la larghezza totale -w) e usare 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 ormai la maggior parte dei browser è in grado di visualizzare. Nel formato SVG, abbiamo anche una riga di testo semplice per i codici 1D.

Integrazione HTML:

Con il formato SVG, potete caricare l'SVG tramite un tag <img src="svg-url"> come con la bitmap, oppure integrarlo direttamente in linea nell'HTML come nodi <svg> (nessun download aggiuntivo di immagini richiesto). Per l'integrazione in linea, omettete la prima riga dal nostro file SVG, vi serve solo il nodo <svg>. La dimensione di visualizzazione (viewBox) può anch'essa avere un ruolo.