コニファ・ロゴ

csstest:jquery.qrcode.jsを使って、記載した文字列をQRコードで表示(※2019年3月、現状に合わせて修正しています)

jQuery('#qrcode').qrcode("https://www.conifer.jp/");

上のコードの青色部分がQRコードになる文字列です(文字数は欧文34文字程度まで)。 日本語は携帯で読み取る際に文字化けします(2012年時点)。内部で<canvas>を使って表示しているため、IEは非対応(2012年時点)。

設置:設置は、<head>部分でjQueryとjquery.qrcode.jsを読み込み、上の例のようにQRコードにする文字列をセットして、次のソースのようにhtmlに記述するだけです。

htmlソース

<div id="qrcode"></div>
<script>
	jQuery('#qrcode').qrcode("https://www.conifer.jp/");
</script>

 

 

戻るボタン