js自动生成条形码插件-JsBarcode

ゝ一纸荒年。 2022-05-10 22:36 392阅读 0赞

<!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">
        <title>js生成条形码插件</title>
        <script src="https://cdn.bootcss.com/jsbarcode/3.8.0/JsBarcode.all.min.js"></script>
        <style>
            * {margin: 0;padding: 0;box-sizing: border-box;}
            h3 {text-align: center;font-size: 16px;margin: 10px;}
            .box {text-align: center;}
            #barcode {width: 200px;}
        </style>
    </head>
    
    <body>
        <h3>js自动生成条形码插件-JsBarcode</h3>
        <div class="box">
            <img id="barcode" />
        </div>
        
    </body>
    <script>
        var barcode = document.getElementById('barcode'),
            str = "16620902551",
            options = {
                format: "CODE128",
                displayValue: true,
                fontSize: 18,
                height: 100
            };
        JsBarcode(barcode, str, options); //原生
        // $('#barcode').JsBarcode(string, options); //jQuery
    </script>
    
    </html>

![70][]

[70]: /images/20220511/27ec4cc7755048239aae2ecd54287456.png

发表评论取消回复

表情：

评论列表（有 0 条评论，392人围观）

还没有评论，来说两句吧...

相关阅读

相关 idea自动生成代码插件EasyCode

一、安装插件在idea的plugins搜索`Easy Code` ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

末蓝、/ 2023年10月05日 10:29/ 0 赞/ 198 阅读

相关 js 生成条形码

简介：通过js生成条形码效果展示： ![d43c53013f754d3bb33095c774dd9bd7.png][] 示例代码： <!-- Cr

ゝ一纸荒年。/ 2023年09月26日 17:41/ 0 赞/ 135 阅读

相关 mybatis-plus自动生成代码插件

mybatis-plus自动生成代码插件 pom.xml <?xml version="1.0" encoding="UTF-8"?> <project

￡神魔★判官ぃ/ 2023年06月09日 14:23/ 0 赞/ 111 阅读

相关 vscode插件之php插件koroFileHeader（自动生成注释）

本节介绍一下koroFileHeader的配置；以后每个需要配置的vscode插件都会单独一节 ![在这里插入图片描述][20191111103420887.png]

深碍√TFBOYSˉ_/ 2023年05月30日 15:56/ 0 赞/ 96 阅读

相关 ionic + angualr 使用JSBarcode生成条码

[https://www.npmjs.com/package/jsbarcode][https_www.npmjs.com_package_jsbarcode] 使用说

以你之姓@/ 2023年02月19日 14:22/ 0 赞/ 62 阅读

相关 Js 生成条形码（一维码）

链接地址： [http://blog.csdn.net/zhaokuo719/article/details/8978228][http_blog.csdn.net_zhaok

蔚落/ 2022年08月08日 15:38/ 0 赞/ 341 阅读

相关 Mybatis 自动生成代码插件&IDEA插件

Mybatis 自动生成代码的插件使用方法 1、下载Mybatis的jar包插件 mybatis-generator-core-1.3.2.jar 2、下载数据库驱动

不念不忘少年蓝@/ 2022年05月15日 14:51/ 0 赞/ 761 阅读

相关 js自动生成条形码插件-JsBarcode

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

ゝ一纸荒年。/ 2022年05月10日 22:36/ 0 赞/ 393 阅读

相关 vue.js 插件生成excel

https://www.csdn.net/gather_2f/MtTaAg2sOTUyNC1ibG9n.html 参考地址先安装 npm inst

末蓝、/ 2021年11月27日 06:31/ 0 赞/ 407 阅读

相关 mybatis分页插件，自动生成代码插件

1.分页插件在上一篇介绍拦截器中尝试了封装分页插件，其实有更好的mybatis分页插件PageHelper，具体用法： 1.导包 ![1602537-2019080

素颜马尾好姑娘i/ 2021年11月10日 12:16/ 0 赞/ 527 阅读