2次元コードを生成するためのJavaScriptライブラリをQRCode.js

序文

最近の開発で需要を満たし：それを達成するためにどのようにして、コードにバックエンドのリンクで返される変換しますか？私たちは、QRCode.jsを使用してこの問題を解決することができます

QRCode.jsは何ですか？

QRCode.jsはJavaScriptライブラリを生成するために使用される2次元コードです。主にDOMタブの取得により、その後、HTML5キャンバスを描画することによって形成され、それがどのライブラリに依存しません。

基本的な使い方

<DIV ID = " QRコード" > </ div> 
<スクリプトタイプ= " テキスト/ JavaScriptを" >
　　新しい新しい QRコード（のdocument.getElementById（" QRコード"）、" http://www.runoob.com "）;   // 設定します2次元コードのリンクを生成する 
</スクリプトを>

あるいは、いくつかのオプションのパラメータを使用します。

VaRの QRコード= 新しい QRコード（" 試験" 、{ 
    テキスト：" http://www.runoob.com " 、
    幅：128 、
    高さ：128 、
    colorDark：" ＃000000 " 、
    colorLight：" #FFFFFF " 、
    correctLevel：QRコード.CorrectLevel.H 
}）。

同様に、我々は次の方法を使用することができます。

qrcode.clear（）; // クリアコード 
qrcode.makeCode（" http://www.w3cschool.cc "）; //は、別の2次元コードを生成します

ブラウザのサポート

その上でIE6〜10、クロム、Firefoxの、サファリ、オペラ、モバイルサファリ、アンドロイド、ウィンドウズモバイル、および：ライブラリは、ブラウザをサポートしています。

サンプルコード

例1：

HTML代码
 <入力ID = " テキスト"タイプ= " テキスト"値= " http://www.runoob.com " /> <br /> 
<DIV ID = " QRコード" > </ div> 


CSS代码 
#qrcode { 
　幅：160ピクセル; 
  高さ：160ピクセル; 
  マージン - トップ：15ピクセル; 
}   JavaScriptの代码

 
するvar QRコードを= 新しい QRコード（" QRコード" ）。

関数makeCode（）{       
    VAR elText =のdocument.getElementById（"
    
    もし（！elText.value）{ 
        警告（" 入力テキスト" ）; 
        elText.focus（）; 
        返します。
    } 
    
    qrcode.makeCode（elText.value）。
} 

makeCode（）。

$（" の#text " ）。
上の（" ぼかし" 、関数（）{ 
    makeCode（）; 
}）。
上の（" のKeyDown " 、関数（E）{
     場合（e.keyCode == 13 ）{ 
        makeCode（）; 
    } 
}）。

例2：

VaRの qrcodeOne = 新しい QRコード（のdocument.getElementById（" qrcodeOne " ）、{ 
    幅：100 、
    高さ：100 、
    colorDark：" ＃000000 " 、
    colorLight：" #FFFFFF " 
 }）。
                       
qrcodeTwo.makeCode（res.productUrl）。

注意を払います

もちろん、我々は確かに導入されるqrcode.js

ます。<script type = "text / javascriptの" SRC = "qrcode.js"> </ SCRIPT>

 

参考：GitHubの