QRCode.js

QRcode.js 生成二维码

拈花ヽ惹草 提交于 2020-11-26 08:27:21
github官方文档指路: https://github.com/soldair/node-qrcode#options QRcode方法介绍: 这里只介绍后三种常用方法的使用: 1、toCanvas 顾名思义是讲二维码生成canvas 用法实例: //1、引入QRcode.js <script src='qrcode.js'></script> //2、具体用法 QRCode.toCanvas('二维码信息文本', { errorCorrectionLevel: "L",//容错率L(低)H(高) margin: 1,//二维码内边距,默认为4。单位px height: 200,//二维码高度 width: 200,//二维码宽度 scal: 177, color: { dark: '#000', // 二维码背景颜色 // light: '#000' // 二维码前景颜色 }, rendererOpts: { quality: 0.9 } }).then(canvas => { console.log(canvas) document.getElementById('myqrcode').append(canvas) }).catch((err) => { console.log(err) }) 背景和前景颜色不可以相近,不然有的设备上会识别不出来二维码 2、toDataURL

前端QRCode.js生成二维码(解决长字符串模块和报错问题)

南笙酒味 提交于 2020-11-26 07:57:14
前端QRCode.js生成二维码(解决长字符串模块和报错问题) 参考文章: (1)前端QRCode.js生成二维码(解决长字符串模块和报错问题) (2)https://www.cnblogs.com/whkl-m/p/10797776.html 备忘一下。 来源: oschina 链接: https://my.oschina.net/stackoom/blog/4748710

jquery实现微信长按识别二维码

ぃ、小莉子 提交于 2019-12-19 16:52:31
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1.引入JS库 <script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script> <script src="jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script> 2.在页面创建一个空的div; <div id="qrDiv"></div> 3.生成二维码 $("#qrDiv").qrcode({ width: 120, //宽度 height:120, //高度 text: "需要生成的二维码内容" //任意内容 }); 注意:这个时候生成的二维码在微信中长安没任何反应,因为qrcode生成的是canvas标签而不是img标签 4.将canvas标签转换为img标签 //从 canvas 提取图片 image function convertCanvasToImage(canvas) { //新Image对象,可以理解为DOM var image = new Image(); // canvas.toDataURL 返回的是一串Base64编码的URL,当然,浏览器自己肯定支持 // 指定格式 PNG image.src =

使用QRCode.js生成二维码

我是研究僧i 提交于 2019-11-30 04:31:45
什么是 QRCode.js? QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。 基本用法 <div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://www.dalbll.com"); // 设置要生成二维码的链接 </script> 或者使用一些可选参数设置: var qrcode = new QRCode("test", { text: "http://www.dalbll.com", width: 128, height: 128, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H }); 同样我们可以使用以下方法: qrcode.clear(); // 清除代码 qrcode.makeCode("http://www.dalbll.com"); // 生成另外一个二维码 浏览器支持 支持该库的浏览器有:IE6~10, Chrome, Firefox, Safari, Opera,