如何使用Syncfusion Essential JS Barcode生成条形码

作者:控件中国网   出处:控件中国网   2016-07-28 09:52:23   阅读:8

Syncfusion Essential JS Barcode是Essential Studio for JavaScript套包产品里的一款条形码生成子控件,可以利用该控件使用JavaScript在Web页面上生成各种常用的一维和二维条形码,支持 Code 39、Code 32、QR、DataMatrix等常用的多种条形码,下面就分别介绍如何使用该控件来生成条形码:
getting-started_img2.pnggetting-started_img3.png
1.在网页里使用JavaScript来生成QR二维条形码
<html>
   <head>
      <title>Getting Started Essential JS</title>
      <!-- Style sheet for default theme (flat azure)-->
      <link href="http://cdn.Syncfusion.com/14.2.0.26/js/web/flat-azure/ej.widgets.all.min.css" rel="stylesheet" />
      <!--scripts-->
      <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
      <script src="http://cdn.Syncfusion.com/14.2.0.26/js/ej.widgets.all.min.js"></script>
      <!--Add custom scripts here -->
   </head>
   <body>
      <div id="barcode"></div>
<script type="text/javascript">
   $(function() {
      // document ready
      // simple control creation
      $("#barcode").ejBarcode({
         text: "http://www.Syncfusion.com",
         symbologyType: "qrbarcode"
      });
   });
</script>
   </body>
</html>
2.在网页里生成一位条形码Code39
<html>
   <head>
      <title>Getting Started Essential JS</title>
      <!-- Style sheet for default theme (flat azure)-->
      <link href="http://cdn.Syncfusion.com/14.2.0.26/js/web/flat-azure/ej.widgets.all.min.css" rel="stylesheet" />
      <!--scripts-->
      <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
      <script src="http://cdn.Syncfusion.com/14.2.0.26/js/ej.widgets.all.min.js"></script>
      <!--Add custom scripts here -->
   </head>
   <body>
      <div id="barcode"></div>
$("#barcode").ejBarcode({
   text: "Syncfusion",
   symbologyType: "code39"
});
   </body>
</html>
Copyright© 2006-2015 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 渝ICP备12000264号 法律顾问:元炳律师事务所
客服软件
live chat