<!DOCTYPE html> <html lang="en-us"> <head> <script type="text/javascript" src="code128auto.js"> </head> <body> <div id="barcode">12345678</div> <div id="barcode_text"></div> </body> </html> </pre> |
<script type="text/javascript" > Module['onRuntimeInitialized'] = onRuntimeInitialized; function onRuntimeInitialized() { var barcodeobject = document.getElementById("barcode") var barcodetextobject = document.getElementById("barcode_text") var instance = new Module.Code128Auto(barcodeobject.innerHTML); barcodeobject.innerHTML=instance.encode(); barcodetextobject.innerHTML=instance.humanReadableText; instance.delete(); } </script> |
<script type="text/javascript" src="code128auto.js"></script> |
var instance = new Module.Code128Auto(barcodeobject.innerHTML); //Create an instance of the Code128Auto object from the wasm module and pass in //barcodeobject.innerHTML as the input data (“12345678”). //Some barcodes such as Code39 allows you to specify whether the check digit is turned on. //You can specify 1 to turn it on or 0 to turn it off. //var instance = new Module.Code39(barcodeobject.innerHTML,1); //The check digit is mandatory in the Code 128 barcode. barcodeobject.innerHTML=instance.encode(); //The instance.encode method validates and removes unsupported characters, //generates the check digit and adds the necessary start and stop characters. //The encoded output is placed back into barcodeobject.innterHTML. barcodetextobject.innerHTML=instance.humanReadableText; //When the encode function is called, the Human Readable Text //(the characters that appears below a barcode), is also generated. //You can retrieve the Human Readable Text output through the property above. instance.delete(); //Removes the barcode object instance. //You can also call the following functions and continue to use the instance to //generate barcodes with other input data before removing it. //instance.setInputData("1234567890"); //instance.setCheckDigit(1); //setCheckDigit function is only available for specific barcodes. |
í,BXnOî 12345678 |
<style type="text/css" media="screen,print"> @font-face { font-family: CCode128_S3_Trial; src: url("fonts/ConnectCode128_S3_Trial.woff") format("woff"); } #barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCode128_S3_Trial', sans-serif; font-size: 32px} </style> |
<script type="text/javascript" src="code128auto.js"> |
var elements=document.getElementsByClassName('barcode'); var elementsHR=document.getElementsByClassName('barcode_text'); var instance = new Module.Code128Auto(); for (x=0;x |
. . . <head> <style type="text/css" media="screen,print"> @font-face { font-family: CCode128_S3_Trial; src: url("fonts/ConnectCode128_S3_Trial.woff") format("woff"); } .barcode {font-weight: normal; font-style: normal; line-height:normal; font-family: 'CCode128_S3_Trial', sans-serif; font-size: 32px} </style> . . . </head> <body> <div style="width:5in"> <center> <div class="barcode">1234567 <div class="barcode_text"> </center> </div> <br /><br /> <div style="width:5in"> <center> <div class="barcode">12345678 <div class="barcode_text"> </center> </div> <br /><br /> </body> . . . |
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(); |
<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> |
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(); |
<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> |
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(); |
<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> |
var instance = new Module.Code128A("12345678"); //instance.setInputData("12345678"); //var inputData = instance.getInputData(); barcodeobject.innerHTML=instance.encode(); barcodetextobject.innerHTML=instance.humanReadableText; instance.delete(); |
<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> |
var instance = new Module.Codee128B("12345678"); //instance.setInputData("12345678"); //var inputData = instance.getInputData(); barcodeobject.innerHTML=instance.encode(); barcodetextobject.innerHTML=instance.humanReadableText; instance.delete(); |
<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> |
var instance = new Module.Code128C("12345678"); //instance.setInputData("12345678"); //var inputData = instance.getInputData(); barcodeobject.innerHTML=instance.encode(); barcodetextobject.innerHTML=instance.humanReadableText; instance.delete(); |
<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> |
var instance = new Module.Code128Auto("12345678"); //instance.setInputData("12345678"); //var inputData = instance.getInputData(); barcodeobject.innerHTML=instance.encode(); barcodetextobject.innerHTML=instance.humanReadableText; instance.delete(); |
<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> |
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(); |
<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> |
<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> |
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(); |
<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> |
<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> |
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(); |
<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> |
<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> |
<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> |
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(); |
<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> |
<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> |
<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> |
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(); |
<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> |
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(); |
<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> |
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(); |
<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> |
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(); |
<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> |
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(); |
<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> |
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(); |
<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> |
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(); |
<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> |
<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> |
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(); |
<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> |
<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> |