𝗕𝗮𝗿𝗰𝗼𝗱𝗲𝘀 𝗼𝗵𝗻𝗲 𝗕𝗮𝗰𝗸𝗲𝗻𝗱

Verzichten Sie auf APIs für Barcodes. Sie brauchen keinen Server. Sie brauchen keine Rate Limits. JsBarcode erledigt die Arbeit auf der Client-Seite.

Nutzen Sie SVG für den Druck. Canvas-Bilder verschwimmen beim Drucken. Unscharfe Kanten verhindern das Scannen. SVG bleibt bei jeder Größe gestochen scharf.

Wählen Sie Ihr Format:

  • Code 128: Nutzen Sie dies für interne SKUs und Asset-Tags.
  • EAN-13: Geben Sie 12 Ziffern ein. JsBarcode fügt die Prüfziffer hinzu.
  • UPC-A: Geben Sie 11 Ziffern ein. JsBarcode fügt die Prüfziffer hinzu.

Tipps für bessere Scans:

  • Nutzen Sie einen Rand von 10px oder mehr.
  • Scanner benötigen Weißraum, um den Code zu lesen.
  • Nutzen Sie die Breite 3 oder 4 für Drucker mit niedriger Auflösung.

Benötigen Sie eine PNG-Datei? Rendern Sie den Barcode auf ein verstecktes Canvas. Konvertieren Sie das Canvas in eine Data-URL. Der Benutzer erhält eine Datei, ohne das Canvas zu sehen.

Datenschutz ist ein Gewinn. Daten bleiben im Browser. Keine sensiblen SKUs verlassen die Seite.

Quelle: https://dev.to/jvancedev/rendering-scannable-barcodes-in-the-browser-with-jsbarcode-no-backend-3j28