Generating Barcodes and Converting to PDF with Jsbarcode: A Complete Guide

Jsbarcode to pdf


Jsbarcode is a JavaScript library that allows you to generate barcodes on web pages. It supports various barcode formats such as Code 128, Code 39, EAN-13, and more. One common use case is to generate barcodes and then export them to a PDF document. In this article, we will explore how to use Jsbarcode to generate barcodes and then convert them to a PDF format.

Generating Barcodes with Jsbarcode

To start generating barcodes using Jsbarcode, you need to include the library in your HTML file. You can either download the library files and host them locally or use a CDN to include them. Once you have included the necessary files, you can use the Jsbarcode API to generate barcodes.

Example: Generating a Code 128 Barcode

To generate a Code 128 barcode using Jsbarcode, you can use the following code:

JsBarcode(«#barcode», «123456789»);

In the above code, «#barcode» is the ID of the HTML element where you want to display the barcode, and «123456789» is the data that you want to encode in the barcode. Jsbarcode will automatically generate the barcode and display it in the specified element.

Converting Barcodes to PDF

Once you have generated the barcode using Jsbarcode, you can convert it to a PDF format. There are several libraries available that can help you achieve this, such as jsPDF and pdfmake. These libraries provide APIs to create PDF documents and add elements to them, including barcodes.

Example: Converting a Barcode to PDF using jsPDF

To convert a barcode generated with Jsbarcode to a PDF using jsPDF, you can use the following code:

var doc = new jsPDF();
var barcodeData = document.getElementById(«barcode»).toDataURL(«image/png»);

doc.addImage(barcodeData, «PNG», 10, 10, 50, 25);«barcode.pdf»);

In the above code, we create a new instance of jsPDF and then retrieve the barcode image data using the `toDataURL` method. We then add the image to the PDF document using the `addImage` method, specifying the position and dimensions of the image. Finally, we save the PDF document using the `save` method.


Using Jsbarcode, you can easily generate barcodes on web pages. By combining Jsbarcode with libraries like jsPDF or pdfmake, you can also convert these barcodes to PDF documents. This can be useful in various scenarios, such as generating invoices, tickets, or product labels. Experiment with different barcode formats and explore the capabilities of Jsbarcode to enhance your web applications.

Оцените статью