Barcode Generator - Create EAN-13, UPC-A, Code 128 Barcodes Online

// Generate barcodes in the browser using JsBarcode
import JsBarcode from 'jsbarcode';

// Basic Code 128 barcode
JsBarcode('#barcode', 'Hello World', {
  format: 'CODE128',
  width: 2,
  height: 100,
  displayValue: true,
  fontSize: 18,
  font: 'monospace',
  lineColor: '#000000',
  background: '#ffffff',
  margin: 10,
});

// EAN-13 barcode with auto check digit
JsBarcode('#ean13', '590123412345', {
  format: 'EAN13',
  width: 2,
  height: 80,
  fontSize: 16,
});

// Calculate EAN-13 check digit
function calculateEAN13CheckDigit(digits) {
  const d = digits.slice(0, 12).split('').map(Number);
  const sum = d.reduce((acc, val, i) =>
    acc + val * (i % 2 === 0 ? 1 : 3), 0);
  return (10 - (sum % 10)) % 10;
}

console.log(calculateEAN13CheckDigit('590123412345')); // 7

// Download barcode as SVG
function downloadSVG(svgElement, filename) {
  const svgString = new XMLSerializer()
    .serializeToString(svgElement);
  const blob = new Blob([svgString],
    { type: 'image/svg+xml;charset=utf-8' });
  const url = URL.createObjectURL(blob);
  const link = document.createElement('a');
  link.href = url;
  link.download = `${filename}.svg`;
  link.click();
  URL.revokeObjectURL(url);
}