プログラ生活

プログラム初学者のためのポイントを書いていこうと思います。たまに脇道それた記事もありますが、息抜きだとおもって気長にお付き合いください。

【Javascript】jQueryでQRコードを作る

以前にQRコードリーダーの作り方を紹介した。

www.pon-x.jp

今回は、QRコードを作る話題です。

なんとjQueryで作成できる素晴らしいライブラリが公開されているということを知り感動した!!
その名も「jquery-qrcode」!! github.com

「jquery.qrcode.min.js」をDLして、参照するだけであとは簡単に使える。
さっそく組み込んでみた。

<html>
<head>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
   <script type="text/javascript" src="jquery.qrcode.min.js"></script>
   <script>
   jQuery(function(){
       jQuery('#output').qrcode({width: 150, height: 150, text: "https://www.pon-x.jp/"});
   })
   </script>
</head>

<body>

    <div id='output'></div>                                

</body>
</html>

これは結構使えそう!!