Código de de barras con javascript y jQuery, JsBarcode y jQuery

DESCARGA : JsBarcode

Código de de barras con javascript y jQuery, JsBarcode y jQuery, este plugin te ayuda a generar código de barra para utilizar en tus sistemas o simplemente para generar códigos de barras útiles para tus productos.

El ejemplo lo puedes ver en la siguiente dirección: https://github.com/lindell/JsBarcode

El generador de este plugin: http://lindell.me/JsBarcode/

Teniendo en cuenta este plugin podemos crear de forma sencilla diferentes tipos de códigos de barras, los códigos que soporta este plugin son:

  1. CODE128
  2. EAN
  3. UPC
  4. CODE39
  5. ITF14
  6. ITF
  7. Pharmacode

Para generar este código con los datos deseados tenemos que tener en consideración usar los scripts del código, en caso contrario usar el script que contiene todos los códigos.

Incluir los scripts que necesitamos para el código (si no lo conocemos incluimos el que contiene todos los códigos esto será un poco más pesado).

1.- Ejemplo para código 128

<script src="CODE128.js"></script>

<!-- ==ClosureCompiler==-->
<!-- @output_file_name JsBarcode.all.min.js -->
<!-- @code_url https://raw.github.com/lindell/JsBarcode/master/CODE128.js -->
<!-- @code_url https://raw.github.com/lindell/JsBarcode/master/CODE39.js -->
<!-- @code_url https://raw.github.com/lindell/JsBarcode/master/EAN_UPC.js -->
<!-- @code_url https://raw.github.com/lindell/JsBarcode/master/ITF.js -->
<!-- @code_url https://raw.github.com/lindell/JsBarcode/master/ITF14.js -->
<!-- @code_url https://raw.github.com/lindell/JsBarcode/master/pharmacode.js -->
<!-- @code_url https://raw.github.com/lindell/JsBarcode/master/JsBarcode.js -->
<!-- ==/ClosureCompiler== -->

1.- Todo el código.


<!-- Si requieres todos -->

<script src="JsBarcode.all.min.js"></script>

2.- Incluimos el canvas donde queremos mostrar el código.


<canvas id="barcode"></canvas>

3.- Referenciamos la etiqueta canvas para generar el codigo de barras.


$("#barcode").JsBarcode("Hi!");

4.- Controlamos el ancho y alto.


$("#barcode").JsBarcode("Javascript is fun!",{width:1,height:25});

5.- También podemos controlar otras opciones.


{
width: 2,
height: 100,
quite: 10,
format: "CODE128",
displayValue: false,
fontOptions: "",
font:"monospace",
textAlign:"center",
fontSize: 12,
backgroundColor:"",
lineColor:"#000"
}

6.- Otro ejemplo de uso con el formato EAN


$("#barcode").JsBarcode("9780199532179",{format:"EAN",displayValue:true,fontSize:20});

Puede interesarte