原生js将字符串转换成条形码JsBarcode.js

最新推荐文章于 2024-08-08 07:18:13 发布

资深CV大师

最新推荐文章于 2024-08-08 07:18:13 发布

阅读量1.2k

点赞数

分类专栏： H5html

本文链接：https://blog.csdn.net/weixin_44903107/article/details/106256381

版权

H5html 专栏收录该内容

28 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <style>
        #barcode{
            /* 在这里修改条形码宽度 */
            width:500px;
        }
    </style>
    <title>条形码生成</title>
</head>
<body>
    <div>
        <img id="barcode"/>
    </div>
</body>
<script src="../libs/JsBarcode.all.js"></script>
<script>
    var option = { 
                    width: 2,//较细处条形码的宽度
                    height: 100, //条形码的宽度，无高度直接设置项，由位数决定，可以通过CSS去调整，见下
                    quite: 10, 
                    format: "CODE128",
                    displayValue: false,//是否在条形码下方显示文字
                    font:"monospace", 
                    textAlign:"center", 
                    fontSize: 12,
                    backgroundColor:"", 
                    lineColor:"#000"//条形码颜色
                }
    var barcode = document.getElementById('barcode'),
            str = "12345678",
            options = {
                format:"CODE128",
                displayValue:true,
                fontSize:30,
                height:100
            };
    JsBarcode(barcode, str, options);
</script>
</html>