create barcode by JsBarcode

最新推荐文章于 2024-06-29 18:23:17 发布

fyinthesky

最新推荐文章于 2024-06-29 18:23:17 发布

阅读量286

点赞数

分类专栏： js code 文章标签： create barcode barcode JsBarcode

本文链接：https://blog.csdn.net/fyinthesky/article/details/86210743

版权

js 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

code

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no" />
<title></title>

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.rawgit.com/serratus/quaggaJS/0420d5e0/dist/quagga.min.js" type="text/javascript"></script>

</head>
<body>
<svg id="svgcode"></svg>

<canvas id="canvascode"></canvas>

<img id="imgcode" />

<input type="file" id="newfile">

<div id="mtarget">

<script>
/*
$("#svgcode").JsBarcode('Hi!');//or JsBarcode("#svgcode", "Hi!");
$("#canvascode").JsBarcode('Hello world!');//or JsBarcode("#canvascode", "Hello world!");
$("#imgcode").JsBarcode("I'm huangenai!");//or JsBarcode("#imgcode", "I'm huangenai!");
   */

JsBarcode("#svgcode", "test", {
fontSize: 40,
background: "#373737",
lineColor: "#ffffff",
margin: 10,
marginLeft: 20
});

JsBarcode("#canvascode", "Hi!", {
textAlign: "left",
textPosition: "top",
font: "cursive",
fontOptions: "bold",
fontSize: 40,
textMargin: 15,
text: "Special"
});

JsBarcode("#imgcode", "1234", {
format: "pharmacode",
displayValue: false,
height: 50,
width: 6
});

newfile.onchange = function () {
// console.log(newfile[0]);
//console.log(getObjectURL(this.files[0])); // newfile[0]是通过input file上传的二维码图片文件
       /*
       Quagga.decodeSingle({
       readers: ['code_128_reader'],
       locate: true, // try to locate the barcode in the image
       //src: '/test/fixtures/code_128/image-001.jpg' // or 'data:image/jpg;base64,' + data
       src: 'E:/wechatlittle/barcode/barcode01.jpg'
       }, function(result){
       console.log(result);
       });
       */


       // 识别有问题，再研究
      decode('E:/wechatlittle/barcode/spcecial.jpg');

   //decode(URL.createObjectURL(this.files[0]));

}

</script>
</body>
</html>

fyinthesky

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
create barcode by JsBarcode

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no"
复制链接

扫一扫

专栏目录