JS 生成二维码实现（qrcode.js）

qrcode.js源码地址：

https://github.com/jeromeetienne/jquery-qrcode

使用

页面引入QRCode.js和JQuery.js

<script type="text/javascript" src="./jquery.js"></script>
<script type="text/javascript" src="./qrcode.js"></script>

创建二维码容器

<div id="qrcode"></div>

js 实现二维码

$(function () {//实例化二维码并调整二维码大小var qrcode = new QRCode(document.getElementById("qrcode"), {width: 180,height: 180,correctLevel: QRCode.CorrectLevel.L});//生成二维码function makeCode() {//qrcode.clear();qrcode.makeCode("https://blog.csdn.net/ianly123");};//调用生成二维码方法makeCode();
})

这个二维码生成有时候会出现识别很慢，或者只有某些 app 能识别的情况，解决办法是给二维码区域的 div 加个边框，border设置 solid 10px #fff; 完美解决。

源码下载：

https://download.csdn.net/download/ianly123/10449149

JS 生成二维码实现（qrcode.js）相关推荐

qrcode.min.js生成二维码以及reqrcode.js二维码解码
生成二维码 1.引入js qrcode.min.js ,下载地址:https://download.csdn.net/download/weixin_43830264/87472390 2.根据需求设 ...
qrcode.js使用js生成二维码（并下载）的实践
知识点 base64数据形式 Base64是一种用64个字符来表示任意二进制数据的方法. – 廖雪峰官方网站 Base64编码有哪些情景需求? – 知乎案例场景后台生成邀请链接,前端拿到链接之后处 ...
js 生成二维码并下载
1.先利用 qrcode 生成二维码引入qrcode.js ,地址为 qrcodejs-04f46c6.zip 点击打开链接页面: <button onclick="createQ ...
利用qrcode.js生成二维码，并点击按钮下载二维码图片（亲测可用）
话不多说,先上代码(复制即用): <!DOCTYPE html> <html lang="en"> <head><meta charset ...
JS生成二维码(兼容各种浏览器及中文）
本文将介绍如何使用JS生成二维码,兼容各种浏览器及手机端,支持中文. 代码如下: <!DOCTYPE html> <html> <head> <meta ch ...
js生成二维码以及插入图片
js生成二维码以及插入图片先根据qrcode官网demo,不同属性值的变化,二维码的变化效果:https://larsjung.de/jquery-qrcode/latest/demo/ 进入dem ...
JS生成二维码以及点击下载二维码
JS生成二维码效果扫描二维码可访问指定链接或当前网站链接,内容可以自己更改 "复制链接",点击按钮复制当前网站链接如何获取当前网站链接源码 textarea{opacity ...
vue2.0 自定义生成二维码（QRCode）组件
1.自定义生成二维码组件 QRCode.vue  <template><canvasclass="qrcode-canvas ...
qrcode——js生成二维码
1.引入 qrcode.min.js(点击下载demo) 2.html: <div id="qrcode"></div> js: var qrcode = ...
qrcode.js 生成二维码包含logo和背景图片及IE下载二维码
思路: 1. 通过qrcode.js 生成带logo的二维码 2. 将背景图片.logo与生成的二维码图通过canvas 绘制在一起形成一个新的canvas 3. 将canvas 转成base64的u ...

JS 生成二维码实现（qrcode.js）

使用

JS 生成二维码实现（qrcode.js）相关推荐

最新文章

热门文章