Hoy voy a compartir un plugin que uso en uno de mis sistemas web de pago para generar código de barras, como lo es el sistema de control de inventario y facturación.
Generar código de barras usando jquery-barcode
Este complemento te ayuda a mostrar los códigos de barras en tu sitio web o tus sistemas web, puedes crear de forma manual o automática 8 tipos de código de barras con salidas tales como CSS, BMP, SVG o Canvas para tu sitio web.
Formatos de código de barras soportado
- standard 2 of 5 (std25)
- interleaved 2 of 5 (int25)
- ean 8 (ean8)
- ean 13 (ean13)
- upc (upc)
- code 11 (code11)
- code 39 (code39)
- code 93 (code93)
- code 128 (code128)
- codabar (codabar)
- msi (msi)
- datamatrix (datamatrix)
Formato de salida de código de barras soportado
- CSS (compatible con cualquier navegador)
- SVG en línea (no es compatible con IE)
- BMP en línea (no es compatible con IE)
- CANVAS html 5 (no es compatible con IE)
Creando código de barras
Librerías: Incluye la última versión de jQuery en la página y después de eso agrega la librería jquery-barcode.min.js
|
1 2 |
<script src="//code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="jquery-barcode.min.js"></script> |
HTML: Crea un contenedor html que muestre el código de barras.
|
1 |
<div id="barcode"></div> |
JS: Llama al plugin y genera un código de barras.
|
1 2 3 4 5 6 |
$(function() { $("#barcode").barcode( "12345670", // Valor del codigo de barras "ean8" // tipo (cadena) ); }); |
Mira la demostración en vivo y descarga el código fuente.
Visita el repositorio oficial de Github para más información y para futuras actualizaciones. No olvides leer la licencia para usar este plugin en tus proyectos.
