本文實例講述了js基于qrcode.js生成二維碼的方法。分享給大家供大家參考,具體如下:
調用qrcode.js文件代碼:
<!DOCTYPE html><html><head> <title></title> <meta charset="utf-8"/> <script src="js/qrcode.js"></script> <style> #qrcode{  /*text-align: center;*/  /*display: table-cell;*/  /*width: 96px;*/  /*height: 96px;*/  /*vertical-align:middle;*/  /*position: relative;*/ } </style></head><body><div id="qrcode"></div><input type="text" id="getval"/> <button id="send">點擊更換驗證碼</button><script> window.onload =function(){ var qrcode = new QRCode(document.getElementById("qrcode"), {  width : 96,//設置寬高  height : 96 }); qrcode.makeCode("http://m.survivalescaperooms.com"); document.getElementById("send").onclick =function(){  qrcode.makeCode(document.getElementById("getval").value); } }</script></body></html>其中 調用方法:
var qrcode = new QRCode(elem, { width : 96,//設置寬高 height : 96});qrcode.makeCode("http://m.survivalescaperooms.com");附:
qrcode.js可點擊此處本站下載。
這里再提供jquery.qrcode.min.js本站下載地址。
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
圖片精選