1.首先匯入

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

2. 裝二維碼的容器

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

3. 呼叫qrcode方法 (qrcode支援canvas和table兩種方式進行圖片渲染，預設使用canvas方式，效率最高)

canvas方式

$("#qrcode
 
").qrcode({
    text: 'http://www.baidu.com',   //需要轉化二維碼的url
    width: 200,
    height: 200
});

//點選下載到本地
//獲取cavas
var canvas = document.querySelector('canvas');

//將圖片轉為base64
var src = canvas.toDataURL("image/png");

//建立a標籤
var dom = document.createElement("a");

//a標籤跳轉
dom.href = src;

//下載圖片的名字
dom.download = new
 
 Date().getTime() + ".png";

//點選a標籤
dom.click()

table方式

$("#qrcode").qrcode({
    render: "table", 
    text: 'http://www.baidu.com',   //需要轉化二維碼的url
    width: 200,
    height: 200
});