2021-06-08-前端生成二维码和条形码(一维码)

资源

链接: https://pan.baidu.com/s/1zG4Bd3i3d0wq87Tt2t1zgg 提取码: qghk 复制这段内容后打开百度网盘手机App，操作更方便哦
--来自百度网盘超级会员v3的分享

使用qrcode.js生成二维码

 <style>#qrcode {width:160px;height:160px;margin-top:15px;}</style>
</head>
<body>
<input id="text" type="text" value="http://www.runoob.com" /><br />
<div id="qrcode"></div></body>
<script>//二维码function makeCode () {var qrcode = new QRCode("qrcode");var elText = document.getElementById("text");if (!elText.value) {alert("Input a text");elText.focus();return;}qrcode.makeCode(elText.value);}
</script>

使用jsbarcode.all.js生成条形码

 <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 = "5sfd9d",options = {format: "CODE128",displayValue: true,fontSize: 18,height: 100};// JsBarcode(barcode, str, options); //原生$('#barcode').JsBarcode(str, options); //jQuery
</script>

2021-06-08-前端生成二维码和条形码(一维码)相关推荐

vue前端生成二维码，实现扫码下载功能
vue前端生成二维码,实现扫码下载功能首先需要安装一个插件 npm install --save qrcodejs2 然后在需要的页面引入插件,最后使用 <template><di ...
微信小程序前端生成二维码并保存（海报同理）
这里写自定义目录标题 1.前端生成二维码并保存 1.前端生成二维码并保存 1.下载weapp.qrcode.js文件并引入项目中 2.先在wxml文件中构建canvas画布 <canvas st ...
前端生成二维码qrcode.js，并下载
利用qrcode.js在前端生成二维码,并下载一.引入js包 <script type="text/javascript" src="//static.runoo ...
前端生成二维码与图片合成
首先前端生成二维码使用插件完成,插件为DrawQRCode.unitypackage 合成二维码直接使用DrawQRCode 类里提供的方法即可生成二维码的方法 DrawCode_Color32 ...
前端生成二维码（借助草料）
前端生成二维码. 使用草料API: generateQrCode(qrCode) {window.location.href = `https://cli.im/api/qrcode/code?tex ...
【vue+pc端】实现微信扫码登录pc端，后端通过微信开发平台，前端生成二维码（仅供参考）
这两周的需求是通过微信扫码登录pc端,刚定下需求原型图还没出来前,后端特意发了微信开发平台的链接给我,关于如何生成二维码的文档,以及扫码跳转后如何传code给他. 请戳这里准备工作|微信开放文档我最 ...
vue 前端生成二维码，并转换为图片
这篇文章主要是分享下自己的收获,也是自己遇到的问题: 前端如何自己生成二维码? 前端如何将生成的二维码转成图片并展示? 如何控制二维码的显隐? 话不多说,直接上干货 base64如何转换成图片 npm ...
vue前端生成二维码并导出PDF
1.安装插件 npm install --save qrcodejs2 (这是生成微信二维码插件) npm install html2canvas jspdf --save (这是将html页面转化为 ...
前端生成二维码及把页面转为图片保存到本地
以vue项目为例,其他类型项目其实也是一样的所需components: QRCode html2canvas npm install qrcodejs2 -- save npm install ht ...
vue前端生成二维码列表
<div v-for="(item,idx) in dataList" :key="idx"><div :id="`qrcode${ ...

2021-06-08-前端生成二维码和条形码(一维码)

资源

使用qrcode.js生成二维码

使用jsbarcode.all.js生成条形码

2021-06-08-前端生成二维码和条形码(一维码)相关推荐

最新文章

热门文章