js產生二維碼

標籤：github   clear   下載   row   element   背景   strip   預覽   rect   

QRCode.js 是一個用於產生二維碼圖片的外掛程式。

• github地址

線上執行個體

執行個體預覽 基礎樣本

執行個體預覽 API 介面

使用方法載入 JavaScript 檔案

1. <script src="qrcode.js"></script>

複製DOM 結構

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

複製調用

1. // 簡單方式 
2. new QRCode(document.getElementById(‘qrcode‘), ‘your content‘); 
3.  
4. // 設定參數方式 
5. var qrcode = new QRCode(‘qrcode‘, { 
6.   text: ‘your content‘, 
7.   width: 256, 
8.   height: 256, 
9.   colorDark : ‘#000000‘, 
10.   colorLight : ‘#ffffff‘, 
11.   correctLevel : QRCode.CorrectLevel.H 
12. }); 
13.  
14. // 使用 API 
15. qrcode.clear(); 
16. qrcode.makeCode(‘new content‘); 

複製參數說明

1. new QRCode(element, option)

複製   

名稱	預設值	說明
element	-	顯示二維碼的元素或該元素的 ID
option		參數配置

option 參數說明

名稱	預設值	說明
width	256	映像寬度
height	256	映像高度
typeNumber	4
colorDark	"#000000"	前景色彩
colorLight	"#ffffff"	背景色
correctLevel	QRCode.CorrectLevel.L	容錯層級，可設定為： QRCode.CorrectLevel.L QRCode.CorrectLevel.M QRCode.CorrectLevel.Q QRCode.CorrectLevel.H

API 介面

名稱	說明
makeCode(text)	設定二維碼內容
clear()	清除二維碼。（僅在不支援 Canvas 的瀏覽器下有效）

下載

 

js產生二維碼