Comment créer des bitmaps et du SVG pour une sortie HTML ?

Comment créer des bitmaps et du SVG pour une sortie HTML ?

Voici des exemples d'appels pour la création de bitmaps. Les bitmaps sont déjà optimisés pour 100 et 300 ppp. Vous pouvez charger ces bitmaps à la volée dans le navigateur via un fichier bitmap créé dynamiquement (nom de fichier basé sur un identifiant aléatoire/horodatage). Vous pouvez aussi utiliser des graphiques vectoriels via le format 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"

Optimisation de la qualité :

• La largeur de module (le plus petit élément graphique du code) a déjà été ajustée à la grille de pixels dans le bitmap. À 100 ppp, 0,254 mm correspond exactement à un pixel, à 300 ppp cela correspond à 3 pixels entiers (il n'y a donc pas d'effets de quantification ni d'erreurs d'arrondi). À 300 ppp, une taille de point de 0,508 mm correspond à 6 pixels entiers (là encore, aucun effet de quantification).
• Vous pouvez également spécifier une valeur cible pour la largeur de module -m (ou la largeur totale -w) et utiliser l'optimisation interne via le paramètre --optimalwidth. Le code-barres peut alors devenir plus petit que la valeur cible, car il est toujours arrondi à l'inférieur au pixel entier.
• Lors de l'affichage et de l'impression, la résolution de l'écran et de l'imprimante est prise en compte. Selon les ppp, des erreurs d'arrondi peuvent survenir.

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

Le format vectoriel SVG est également pris en charge, la plupart des navigateurs peuvent désormais l'afficher. Au format SVG, nous disposons aussi d'une ligne de texte brut pour les codes 1D.

Intégration HTML :

Avec le format SVG, vous pouvez soit charger le SVG via une balise <img src="svg-url"> comme pour le bitmap, soit l'intégrer directement en ligne dans le HTML sous forme de nœuds <svg> (aucun téléchargement d'image supplémentaire requis). Pour l'intégration en ligne, omettez la première ligne de notre fichier SVG, vous n'avez besoin que du nœud <svg>. La taille d'affichage (viewBox) peut également jouer un rôle.