首页 > 软件开发 > HTML >

jsbarcode属性如何设置

来源:互联网 2023-03-16 19:15:52 360

jsbarcode属性如何设置,js有插件叫做jsbarcode,这是可以生成条形码的插件,一般来说条形码有各种样式可以来选择,这里也有各种属性可以调整,实际上调整的方法也一般CSS的样式差不多。Gjk办公区 - 实用经验教程分享!

jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

工具/原料

  • sublime text3编辑器
  • Chrome浏览器

方法/步骤

  • 1

    打开sublime text3编辑器,创建一个HTML文档,并且设置基本的框架。Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

  • 2

    script type="text/javascript" src="https://code.jquery.com/jquery-2.1.3.min.js">/script>Gjk办公区 - 实用经验教程分享!

    script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.0/dist/JsBarcode.all.min.js">/script>Gjk办公区 - 实用经验教程分享!

    首先我们需要把条形码插件引入进来,并且创建一个JS文档,与HTML文档相关联。Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

  • 3

    svg id="svg">/svg>Gjk办公区 - 实用经验教程分享!

    在HTML里面加入SVG标签。Gjk办公区 - 实用经验教程分享!

    JsBarcode("#svg", "svg");Gjk办公区 - 实用经验教程分享!

    在JS里面写出条码的形式。Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

  • 4

    canvas id="canvas">/canvas>Gjk办公区 - 实用经验教程分享!

    JsBarcode("#canvas", "canvas");Gjk办公区 - 实用经验教程分享!

    canvas标签也是可以的。Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

  • 5

    img id="img" />Gjk办公区 - 实用经验教程分享!

    JsBarcode("#img", "img");Gjk办公区 - 实用经验教程分享!

    img标签也没有问题。Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

  • 6

    JsBarcode("#svg", "svg code", {Gjk办公区 - 实用经验教程分享!

    format: "CODE39",Gjk办公区 - 实用经验教程分享!

    width:3,Gjk办公区 - 实用经验教程分享!

    height:100,Gjk办公区 - 实用经验教程分享!

    displayValue:true,Gjk办公区 - 实用经验教程分享!

    font:"arial",Gjk办公区 - 实用经验教程分享!

    lineColor:"#ff0000",Gjk办公区 - 实用经验教程分享!

    });Gjk办公区 - 实用经验教程分享!

    还可以修改BARCODE的样式属性,这里提供基本的样式作为示范。Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

    jsbarcode属性如何设置Gjk办公区 - 实用经验教程分享!

  • 6相关内容未经许可获取自百度经验
  • 注意事项

    • 注意查看链接是否有更新,以官方为准

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Gjk办公区 - 实用经验教程分享!


    标签: HTMLCSS

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码