js 產生二維碼

標籤：text   添加   如何使用   建立   asc   query   ack   style   height   

外掛程式描述：jquery.qrcode.js 是一個能夠在用戶端產生矩陣二維碼QRCode 的jquery外掛程式 ，使用它可以很方便的在頁面上產生二維條碼。

如何使用它

將jquery.qrcode.min.js和jquery添加到您的網頁中

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

然後建立一個DOM元素去包含產生qr碼。

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

然後你在此容器中的添加qrcode

 jQuery(‘#qrcode‘).qrcode("http://www.jq22.com");

【進階用法】

指定二維碼的產生方式：

可以在調用函數的同時輸入想要的二維碼產生方式（table/canvas）。也就是在一定的條件下產生相應的二維碼

//使用table產生jQuery(‘#qrcode‘).qrcode({    render  : "table",    text    : "http://www.jq22.com"}); //使用canvas產生jQuery(‘#qrcode‘).qrcode({    render  : "canvas",    text    : "http://www.jq22.com"});

指定產生二維碼的大小：

可以在調用函數的同時輸入想要產生二維碼的寬度和高度即可指定產生的二維碼的大小。

//產生100*100(寬度100，高度100)的二維碼jQuery(‘#qrcode‘).qrcode({        render  : "canvas",//也可以替換為table    width   : 100,    height  : 100,    text    : "http://www.jq22.com"});

指定產生二維碼的色彩樣式：

可以在調用函數的同時輸入想要產生二維碼的前景色彩和背景色即可指定產生的二維碼的色彩樣式。

//產生前景色彩為紅色背景色為白色的二維碼jQuery(‘#qrcode‘).qrcode({        render    : "canvas",//也可以替換為table    foreground: "#C00",        background: "#FFF",    text      : "http://www.jq22.com"});

 

js 產生二維碼