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 dpi. 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 au 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 dpi, 0,254 mm correspond exactement à un pixel ; à 300 dpi, cela correspond à 3 pixels entiers (il n'y a donc aucun effet de quantification ni erreur d'arrondi). À 300 dpi, 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 DPI, des erreurs d'arrondi peuvent se produire.

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 proposons également 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 une intégration en ligne, omettez la première ligne de notre fichier SVG ; seul le nœud <svg> est nécessaire. La taille d'affichage (viewBox) peut également jouer un rôle.