標籤：style blog http java color 使用
一、jquery-qrcode
jquery-qrcode是一個為瀏覽器產生二維碼的jquery外掛程式。我們很容易將它整合到我們的應用。該外掛程式也可以獨立使用，也比較小。它是直接在用戶端產生二維碼產生。所以不會有圖片的下載過程，一定程度上提高了系統效能。
二、執行個體
1、jquery-qrcode為：https://github.com/dnspod/jquery-qrcode 。該包解壓後有如下幾個檔案
2、開始編寫程式
a、建立index.html檔案，檔案內容如下：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>basic example</title> 5 </head> 6 <body> 7 <script src="jquery-1.10.2.min.js"></script> 8 <script type="text/javascript" src="./src/jquery.qrcode.js"></script> 9 <script type="text/javascript" src="./src/qrcode.js"></script>10 <p>Render in table</p>11 <div id="qrcodeTable"></div>12 <p>Render in canvas</p>13 <div id="qrcodeCanvas"></div>14 <script> 15 jQuery(‘#qrcodeTable‘).qrcode({16 render : "table", <!--二維碼產生方式 -->17 text : "http://www.baidu.com" <!-- 二維碼內容 -->18 }); 19 jQuery(‘#qrcodeCanvas‘).qrcode({20 text : "http://www.baidu.com"21 }); 22 </script>23 </body>24 </html>
由於改外掛程式使用到了jquery，所以我們需要引入jquery的支援。產生的二維碼也有兩種方式，一種是使用網頁table產生網頁。另外一種是直接使用canvas產生圖片。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
