WebAssembly Barcodes Application Programming Interface



Component Library Files
  • Codabar - codabar.js and codabar.wasm
  • Code39 - code39.js and code39.wasm
  • Code39 Ascii - code39ascii.js and code39.wasm
  • Code93 - code93.js and code93.wasm
  • Code128 A - code128a.js and code128a.wasm
  • Code128 B - code128b.js and code128b.wasm
  • Code128 C - code128c.js and code128c.wasm
  • Code128 Auto - code128auto.js and code128auto.wasm
  • UCCEAN - uccean.js and uccean.wasm
  • I2of5 - i2of5.js and i2of5.wasm
  • Industrial 2 of 5 - industrial2of5.js and industrial2of5.wasm
  • ITF14 - itf14.js and itf14.wasm
  • Modified Plessy - modifiedplessy.js and modifiedplessy.wasm
  • EAN13 - ean13.js and ean13.wasm
  • EAN8 - ean8.js and ean8.wasm
  • UPCA - upca.js and upca.wasm
  • UPCE - upce.js and upce.wasm
  • EXT2 - ext2.js and ext2.wasm
  • EXT5 - ext5.js and ext5.wasm
  • GS1 Databar 14 - gs1databar14.js and gs1databar14.wasm
  • wasmBarcode - wasmBarcode.js and wasmBarcode.wasm. This is a combined library that supports the creation of all the barcodes listed above.
Note - The wasmBarcode combined library is only available in ConnectCode Barcode Fonts Pack.

Barcode API
Codabar

Files

  • codabar.js
  • codabar.wasm
Fonts

  • ConnectCodeCodabar_S1.woff
  • ConnectCodeCodabar_S2.woff
  • ConnectCodeCodabar_S3.woff
  • ConnectCodeCodabar_S4.woff
  • ConnectCodeCodabar_S5.woff
  • ConnectCodeCodabar_S6.woff
  • ConnectCodeCodabar_S7.woff
Usage

JavaScript (calling wasm module) 


var instance = new Module.Codabar("12345678",1);
//First parameter is the input data and second parameter is whether to generate the check digit		
//instance.setInputData("12345678");
//instance.setCheckDigit(1);
//var inputData = instance.getInputData();
//var checkDigit = instance.getCheckDigit();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodabar_S3;
    src: url("fonts/ConnectCodeCodabar_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; 
	font-family: 'CCodeCodabar_S3', sans-serif; font-size: 32px}		
</style>


Code39ASCII (Extended Code 39)

Files

  • code39ascii.js
  • code39ascii.wasm
Fonts (Using the same fonts as Code39)

  • ConnectCode39_S1.woff
  • ConnectCode39_S2.woff
  • ConnectCode39_S3.woff
  • ConnectCode39_S4.woff
  • ConnectCode39_S5.woff
  • ConnectCode39_S6.woff
  • ConnectCode39_S7.woff
  • ConnectCode39_HS3.woff (Embedded Human Readable Text)
Usage

JavaScript (invoking wasm module) 


var instance = new Module.Code39ASCII("12345678",1);
//First parameter is the input data and second parameter is whether to generate the check digit
//instance.setInputData("12345678");
//instance.setCheckDigit(1);
//var inputData = instance.getInputData();
//var checkDigit = instance.getCheckDigit();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCode39_S3;
    src: url("fonts/ConnectCode39_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCode39_S3', sans-serif; font-size: 32px}
</style>


Code93

Files

  • code93.js
  • code93.wasm
Fonts

  • ConnectCodeCode93_S1.woff
  • ConnectCodeCode93_S2.woff
  • ConnectCodeCode93_S3.woff
  • ConnectCodeCode93_S4.woff
  • ConnectCodeCode93_S5.woff
  • ConnectCodeCode93_S6.woff
  • ConnectCodeCode93_S7.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.Code93("12345678",1);
//First parameter is the input data and second parameter is whether to generate the check digit
//instance.setInputData("12345678");
//instance.setCheckDigit(1);
//var inputData = instance.getInputData();
//var checkDigit = instance.getCheckDigit();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCode93_S3;
    src: url("fonts/ConnectCodeCode93_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCode93_S3', sans-serif; font-size: 32px}
</style>


Code128A

Files

  • code128a.js
  • code128a.wasm
Fonts

  • ConnectCodeCode128_S1.woff
  • ConnectCodeCode128 _S2.woff
  • ConnectCodeCode128_S3.woff
  • ConnectCodeCode128_S4.woff
  • ConnectCodeCode128_S5.woff
  • ConnectCodeCode128_S6.woff
  • ConnectCodeCode128_S7.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.Code128A("12345678");
//instance.setInputData("12345678");
//var inputData = instance.getInputData();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;		
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCode128_S3;
    src: url("fonts/ConnectCodeCode128_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCode128_S3', sans-serif; font-size: 32px}
</style>


Code128B

Files

  • code128b.js
  • code128b.wasm
Fonts

  • ConnectCodeCode128_S1.woff
  • ConnectCodeCode128_S2.woff
  • ConnectCodeCode128_S3.woff
  • ConnectCodeCode128_S4.woff
  • ConnectCodeCode128_S5.woff
  • ConnectCodeCode128_S6.woff
  • ConnectCodeCode128_S7.woff
  • ConnectCodeCode128B _HS3.woff (Embedded Human Readable Text)
Usage

JavaScript (invoking wasm module) 


var instance = new Module.Codee128B("12345678");
//instance.setInputData("12345678");
//var inputData = instance.getInputData();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;		
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCode128_S3;
    src: url("fonts/ConnectCodeCode128_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCode128_S3', sans-serif; font-size: 32px}
</style>


Code128C

Files

  • code128c.js
  • code128c.wasm
Fonts

  • ConnectCodeCode128_S1.woff
  • ConnectCodeCode128 _S2.woff
  • ConnectCodeCode128_S3.woff
  • ConnectCodeCode128 _S4.woff
  • ConnectCodeCode128_S5.woff
  • ConnectCodeCode128 _S6.woff
  • ConnectCodeCode128 _S7.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.Code128C("12345678");
//instance.setInputData("12345678");
//var inputData = instance.getInputData();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;		
instance.delete();
CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCode128_S3;
    src: url("fonts/ConnectCodeCode128_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCode128_S3', sans-serif; font-size: 32px}
</style>


Code128Auto

Files

  • code128auto.js
  • code128auto.wasm
Fonts

  • ConnectCodeCode128_S1.woff
  • ConnectCodeCode128 _S2.woff
  • ConnectCodeCode128 _S3.woff
  • ConnectCodeCode128_S4.woff
  • ConnectCodeCode128_S5.woff
  • ConnectCodeCode128 _S6.woff
  • ConnectCodeCode128_S7.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.Code128Auto("12345678");
//instance.setInputData("12345678");
//var inputData = instance.getInputData();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;		
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCode128_S3;
    src: url("fonts/ConnectCodeCode128_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCode128_S3', sans-serif; font-size: 32px}
</style>


EAN8

Files

  • ean8.js
  • ean8.wasm
Fonts

Standard Fonts

  • ConnectCodeUPCEAN_S1.woff
  • ConnectCodeUPCEAN_S2.woff
  • ConnectCodeUPCEAN_S3.woff
  • ConnectCodeUPCEAN_S4.woff
  • ConnectCodeUPCEAN_S5.woff
  • ConnectCodeUPCEAN_S6.woff
  • ConnectCodeUPCEAN_S7.woff
Embedded Human Readable Text at the bottom of the barcode

  • ConnectCodeUPCEAN_HRBS1.woff
  • ConnectCodeUPCEAN_HRBS2.woff
  • ConnectCodeUPCEAN_HRBS3.woff
  • ConnectCodeUPCEAN_HRBS4.woff
  • ConnectCodeUPCEAN_HRBS5.woff
  • ConnectCodeUPCEAN_HRBS6.woff
  • ConnectCodeUPCEAN_HRBS7.woff
Embedded Human Readable Text on top of the barcode

  • ConnectCodeUPCEAN_HRTS1.woff
  • ConnectCodeUPCEAN_HRTS2.woff
  • ConnectCodeUPCEAN_HRTS3.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.EAN8("12345678",1); 
//1-Extended Style EAN. Use with fonts with Embedded Human Readable Text. 		
//0-Non Extended Style EAN. Use with standard fonts.
//instance.setInputData("12345678");
//var inputData = instance.getInputData();
//instance.setExtendedStyle(1);
//var extendedStyle=instance.getExtendedStyle();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_S3;
    src: url("fonts/ConnectCodeCodeUPCEAN_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_S3', sans-serif; font-size: 32px}
</style>


CSS – Extended Style (Fonts with Embedded Human Readable Text) 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_HRBS3;
    src: url("fonts/ConnectCodeCodeUPCEAN_HRBS3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_HRBS3', sans-serif; font-size: 32px}
</style>


EAN13

Files

  • ean13.js
  • ean13.wasm
Fonts

Standard Fonts

  • ConnectCodeUPCEAN_S1.woff
  • ConnectCodeUPCEAN_S2.woff
  • ConnectCodeUPCEAN_S3.woff
  • ConnectCodeUPCEAN_S4.woff
  • ConnectCodeUPCEAN_S5.woff
  • ConnectCodeUPCEAN_S6.woff
  • ConnectCodeUPCEAN_S7.woff
Embedded Human Readable Text at the bottom of the barcode

  • ConnectCodeUPCEAN_HRBS1.woff
  • ConnectCodeUPCEAN_HRBS2.woff
  • ConnectCodeUPCEAN_HRBS3.woff
  • ConnectCodeUPCEAN_HRBS4.woff
  • ConnectCodeUPCEAN_HRBS5.woff
  • ConnectCodeUPCEAN_HRBS6.woff
  • ConnectCodeUPCEAN_HRBS7.woff
Embedded Human Readable Text on top of the barcode

  • ConnectCodeUPCEAN_HRTS1.woff
  • ConnectCodeUPCEAN_HRTS2.woff
  • ConnectCodeUPCEAN_HRTS3.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.EAN13("12345678",1); 
//1-Extended Style EAN. Use with fonts with Embedded Human Readable Text. 		
//0-Non Extended Style EAN. Use with standard fonts.
//instance.setInputData("12345678");
//var inputData = instance.getInputData();
//instance.setExtendedStyle(1);
//var extendedStyle=instance.getExtendedStyle();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_S3;
    src: url("fonts/ConnectCodeCodeUPCEAN_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_S3', sans-serif; font-size: 32px}
</style>


CSS – Extended Style (Fonts with Embedded Human Readable Text) 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_HRBS3;
    src: url("fonts/ConnectCodeCodeUPCEAN_HRBS3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_HRBS3', sans-serif; font-size: 32px}
</style>


EXT2

Files

  • ext2.js
  • ext2.wasm
Fonts

Standard Fonts

  • ConnectCodeUPCEAN_S1.woff
  • ConnectCodeUPCEAN_S2.woff
  • ConnectCodeUPCEAN_S3.woff
  • ConnectCodeUPCEAN_S4.woff
  • ConnectCodeUPCEAN_S5.woff
  • ConnectCodeUPCEAN_S6.woff
  • ConnectCodeUPCEAN_S7.woff
Embedded Human Readable Text at the bottom of the barcode

  • ConnectCodeUPCEAN_HRBS1.woff
  • ConnectCodeUPCEAN_HRBS2.woff
  • ConnectCodeUPCEAN_HRBS3.woff
  • ConnectCodeUPCEAN_HRBS4.woff
  • ConnectCodeUPCEAN_HRBS5.woff
  • ConnectCodeUPCEAN_HRBS6.woff
  • ConnectCodeUPCEAN_HRBS7.woff
Embedded Human Readable Text on top of the barcode

  • ConnectCodeUPCEAN_HRTS1.woff
  • ConnectCodeUPCEAN_HRTS2.woff
  • ConnectCodeUPCEAN_HRTS3.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.EXT2("12"); 
//Can be used with standard fonts and fonts with Embedded Human Readable Text		
//instance.setInputData("12");
//var inputData = instance.getInputData();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_S3;
    src: url("fonts/ConnectCodeCodeUPCEAN_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_S3', sans-serif; font-size: 32px}
</style>


CSS – Extended Style (Fonts with Embedded Human Readable Text at bottom of barcode) 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_HRBS3;
    src: url("fonts/ConnectCodeCodeUPCEAN_HRBS3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_HRBS3', sans-serif; font-size: 32px}
</style>


CSS – Extended Style (Fonts with Embedded Human Readable Text on top of barcode) 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_HRTS3;
    src: url("fonts/ConnectCodeCodeUPCEAN_HRTS3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_HRTS3', sans-serif; font-size: 32px}
</style>


EXT5

Files

  • ext5.js
  • ext5.wasm
Fonts

Standard Fonts

  • ConnectCodeUPCEAN_S1.woff
  • ConnectCodeUPCEAN_S2.woff
  • ConnectCodeUPCEAN_S3.woff
  • ConnectCodeUPCEAN_S4.woff
  • ConnectCodeUPCEAN_S5.woff
  • ConnectCodeUPCEAN_S6.woff
  • ConnectCodeUPCEAN_S7.woff
Embedded Human Readable Text at the bottom of the barcode

  • ConnectCodeUPCEAN_HRBS1.woff
  • ConnectCodeUPCEAN_HRBS2.woff
  • ConnectCodeUPCEAN_HRBS3.woff
  • ConnectCodeUPCEAN_HRBS4.woff
  • ConnectCodeUPCEAN_HRBS5.woff
  • ConnectCodeUPCEAN_HRBS6.woff
  • ConnectCodeUPCEAN_HRBS7.woff
Embedded Human Readable Text on top of the barcode

  • ConnectCodeUPCEAN_HRTS1.woff
  • ConnectCodeUPCEAN_HRTS2.woff
  • ConnectCodeUPCEAN_HRTS3.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.EXT5("12345"); 
//Can be used with standard fonts and fonts with Embedded Human Readable Text		
//instance.setInputData("12345");
//var inputData = instance.getInputData();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_S3;
    src: url("fonts/ConnectCodeCodeUPCEAN_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_S3', sans-serif; font-size: 32px}
</style>


CSS – Extended Style (Fonts with Embedded Human Readable Text at bottom of barcode) 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_HRBS3;
    src: url("fonts/ConnectCodeCodeUPCEAN_HRBS3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_HRBS3', sans-serif; font-size: 32px}
</style>


CSS – Extended Style (Fonts with Embedded Human Readable Text on top of barcode) 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_HRTS3;
    src: url("fonts/ConnectCodeCodeUPCEAN_HRTS3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_HRTS3', sans-serif; font-size: 32px}
</style>


GS1Databar14

Files

  • gs1databar14.js
  • gs1databar14.wasm
Fonts

  • ConnectCodeGS1D_S1.woff
  • ConnectCodeGS1D_S2.woff
  • ConnectCodeGS1D_S3.woff
  • ConnectCodeGS1D_S4.woff
  • ConnectCodeGS1D_S5.woff
  • ConnectCodeGS1D_S6.woff
  • ConnectCodeGS1D_S7.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.GS1Databar14("12345678",0);
//0 – Set GS1Databar14 Linkage off
//1 – Set GS1Databar14 Linkage on
//instance.setInputData("12345678");
//instance.setLinkage(1);
//var inputData = instance.getInputData();
//var checkDigit = instance.getLinkage();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;		
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeGS1D_S3;
    src: url("fonts/ConnectCodeGS1D_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeGS1D_S3', sans-serif; font-size: 32px}
</style>


I2of5

Files

  • i2of5.js
  • i2of5.wasm
Fonts

  • ConnectCodeI2of5_S1.woff
  • ConnectCodeI2of5_S2.woff
  • ConnectCodeI2of5_S3.woff
  • ConnectCodeI2of5_S4.woff
  • ConnectCodeI2of5_S5.woff
  • ConnectCodeI2of5_S6.woff
  • ConnectCodeI2of5_S7.woff
  • ConnectCodeI2of5_HS3.woff (Embedded Human Readable Text)
Usage

JavaScript (invoking wasm module) 


var instance = new Module.I2of5("12345678",1);
//First parameter is the input data and second parameter is whether to generate the check digit		
//instance.setInputData("12345678");
//instance.setCheckDigit(1);
//var inputData = instance.getInputData();
//var checkDigit = instance.getCheckDigit();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeI2of5_S3;
    src: url("fonts/ConnectCodeI2of5_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeI2of5_S3', sans-serif; font-size: 32px}
</style>


Industrial2of5

Files

  • industrial2of5.js
  • industrial2of5.wasm
Fonts

  • ConnectCodeIND2of5_S1.woff
  • ConnectCodeIND2of5_S2.woff
  • ConnectCodeIND2of5_S3.woff
  • ConnectCodeIND2of5_S4.woff
  • ConnectCodeIND2of5_S5.woff
  • ConnectCodeIND2of5_S6.woff
  • ConnectCodeIND2of5_S7.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.Industrial2of5("12345678",1);
//First parameter is the input data and second parameter is whether to generate the check digit		
//instance.setInputData("12345678");
//instance.setCheckDigit(1);
//var inputData = instance.getInputData();
//var checkDigit = instance.getCheckDigit();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeIND2of5_S3;
    src: url("fonts/ConnectCodeIND2of5_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeIND2of5_S3', sans-serif; font-size: 32px}
</style>


ITF14

Files

  • itf14.js
  • itf14.wasm
Fonts

  • ConnectCodeITF14_S1.woff
  • ConnectCodeITF14_S2.woff
  • ConnectCodeITF14_S3.woff
  • ConnectCodeITF14_S4.woff
  • ConnectCodeITF14_S5.woff
  • ConnectCodeITF14_S6.woff
  • ConnectCodeITF14_S7.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.ITF14("12345678",1,1);
//First parameter is the input data and second parameter is whether to generate the check digit
//Third parameter specifies whether to use rectangle (1) bearers bar or top/bottom(0) bearers bar		
//instance.setInputData("12345678");
//instance.setCheckDigit(1);
//instance.setITFRectangle(1);
//var inputData = instance.getInputData();
//var checkDigit = instance.getCheckDigit();
//var bearersBar = instance.getITFRectangle();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeITF14_S3;
    src: url("fonts/ConnectCodeITF14_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeITF14_S3', sans-serif; font-size: 32px}
</style>


Modified Plessy

Files

  • modifiedplessy.js
  • modifiedplessy.wasm
Fonts

  • ConnectCodeMSI_S1.woff
  • ConnectCodeMSI_S2.woff
  • ConnectCodeMSI_S3.woff
  • ConnectCodeMSI_S4.woff
  • ConnectCodeMSI_S5.woff
  • ConnectCodeMSI_S6.woff
  • ConnectCodeMSI_S7.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.ModifiedPlessy("12345678",1);
//First parameter is the input data and second parameter is whether to generate the check digit		
//instance.setInputData("12345678");
//instance.setCheckDigit(1);
//var inputData = instance.getInputData();
//var checkDigit = instance.getCheckDigit();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeMSI_S3;
    src: url("fonts/ConnectCodeMSI_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeMSI_S3', sans-serif; font-size: 32px}
</style>


POSTNET

Files

  • postnet.js
  • postnet.wasm
Fonts

  • ConnectCodePostnet.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.Postnet("12345678");
//The parameter specified the input data 
//instance.setInputData("12345678");
//var inputData = instance.getInputData();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;		
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodePostnet;
    src: url("fonts/ConnectCodePostnet.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodePostnet', sans-serif; font-size: 12px}
</style>


UPCA

Files

  • upca.js
  • upca.wasm
Fonts

Standard Fonts

  • ConnectCodeUPCEAN_S1.woff
  • ConnectCodeUPCEAN_S2.woff
  • ConnectCodeUPCEAN_S3.woff
  • ConnectCodeUPCEAN_S4.woff
  • ConnectCodeUPCEAN_S5.woff
  • ConnectCodeUPCEAN_S6.woff
  • ConnectCodeUPCEAN_S7.woff
Embedded Human Readable Text at the bottom of the barcode

  • ConnectCodeUPCEAN_HRBS1.woff
  • ConnectCodeUPCEAN_HRBS2.woff
  • ConnectCodeUPCEAN_HRBS3.woff
  • ConnectCodeUPCEAN_HRBS4.woff
  • ConnectCodeUPCEAN_HRBS5.woff
  • ConnectCodeUPCEAN_HRBS6.woff
  • ConnectCodeUPCEAN_HRBS7.woff
Embedded Human Readable Text on top of the barcode

  • ConnectCodeUPCEAN_HRTS1.woff
  • ConnectCodeUPCEAN_HRTS2.woff
  • ConnectCodeUPCEAN_HRTS3.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.UPCA("12345678",1); 
//1-Extended Style UPCA. Use with fonts with Embedded Human Readable Text. 		
//0-Non Extended Style UPCA. Use with standard fonts.
//instance.setInputData("12345678");
//var inputData = instance.getInputData();
//instance.setExtendedStyle(1);
//var extendedStyle=instance.getExtendedStyle();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_S3;
    src: url("fonts/ConnectCodeCodeUPCEAN_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_S3', sans-serif; font-size: 32px}
</style>


CSS – Extended Style (Fonts with Embedded Human Readable Text) 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_HRBS3;
    src: url("fonts/ConnectCodeCodeUPCEAN_HRBS3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_HRBS3', sans-serif; font-size: 32px}
</style>


UPCE

Files

  • upce.js
  • upce.wasm
Fonts

Standard Fonts

  • ConnectCodeUPCEAN_S1.woff
  • ConnectCodeUPCEAN_S2.woff
  • ConnectCodeUPCEAN_S3.woff
  • ConnectCodeUPCEAN_S4.woff
  • ConnectCodeUPCEAN_S5.woff
  • ConnectCodeUPCEAN_S6.woff
  • ConnectCodeUPCEAN_S7.woff
Embedded Human Readable Text at the bottom of the barcode

  • ConnectCodeUPCEAN_HRBS1.woff
  • ConnectCodeUPCEAN_HRBS2.woff
  • ConnectCodeUPCEAN_HRBS3.woff
  • ConnectCodeUPCEAN_HRBS4.woff
  • ConnectCodeUPCEAN_HRBS5.woff
  • ConnectCodeUPCEAN_HRBS6.woff
  • ConnectCodeUPCEAN_HRBS7.woff
Embedded Human Readable Text on top of the barcode

  • ConnectCodeUPCEAN_HRTS1.woff
  • ConnectCodeUPCEAN_HRTS2.woff
  • ConnectCodeUPCEAN_HRTS3.woff
Usage

JavaScript (invoking wasm module) 


var instance = new Module.UPCE("12345678"); 
//Can be used with standard fonts and fonts with Embedded Human Readable Text		
//instance.setInputData("12345678");
//var inputData = instance.getInputData();
barcodeobject.innerHTML=instance.encode();
barcodetextobject.innerHTML=instance.humanReadableText;
instance.delete();


CSS 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_S3;
    src: url("fonts/ConnectCodeCodeUPCEAN_S3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_S3', sans-serif; font-size: 32px}
</style>


CSS – Extended Style (Fonts with Embedded Human Readable Text) 


<style type="text/css" media="screen,print">
  @font-face {
    font-family: CCodeCodeUPCEAN_HRBS3;
    src: url("fonts/ConnectCodeCodeUPCEAN_HRBS3.woff") format("woff");
  }
  #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCodeCodeUPCEAN_HRBS3', sans-serif; font-size: 32px}
</style>