jQuery是一個(gè)著名的JavaScript庫(kù),是Web前端開發(fā)的必備工具之一。在jQuery中,jquery.qrcode.js是一個(gè)非常實(shí)用的插件庫(kù),可以幫助我們生成二維碼,實(shí)現(xiàn)快速掃碼跳轉(zhuǎn)到指定的頁(yè)面。在使用jquery.qrcode.js時(shí),不同的參數(shù)可以實(shí)現(xiàn)不同的效果。
//生成簡(jiǎn)單的二維碼 $("#qrcode").qrcode({ text: "http://www.baidu.com" }); //生成帶有樣式的二維碼 $("#qrcode").qrcode({ text: "http://www.baidu.com", width: 200, //設(shè)置二維碼寬度 height: 200, //設(shè)置二維碼高度 colorDark: "#000000", //設(shè)置二維碼顏色 colorLight: "#ffffff", //設(shè)置背景色 correctLevel: QRCode.CorrectLevel.H //設(shè)置容錯(cuò)級(jí)別 }); //生成帶有Logo的二維碼 $("#qrcode").qrcode({ text: "http://www.baidu.com", width: 200, height: 200, colorDark: "#000000", logo: "logo.png", //設(shè)置Logo圖片路徑 logoWidth: 50, //設(shè)置Logo寬度 logoHeight: 50, //設(shè)置Logo高度 correctLevel: QRCode.CorrectLevel.H }); //生成帶有標(biāo)題和描述的二維碼 $("#qrcode").qrcode({ text: "http://www.baidu.com", width: 200, height: 200, colorDark: "#000000", title: "掃碼跳轉(zhuǎn)到百度", titleFont: "bold 16px Arial", //設(shè)置標(biāo)題字體樣式 titleColor: "#000000", //設(shè)置標(biāo)題顏色 desc: "百度一下,你就知道", //設(shè)置描述 descFont: "14px Arial", //設(shè)置描述字體樣式 descColor: "#333333", //設(shè)置描述顏色 logoWidth: 50, logoHeight: 50, correctLevel: QRCode.CorrectLevel.H });
以上是jquery.qrcode.js的常用參數(shù),使用不同參數(shù)可以生成不同樣式的二維碼。除了前文提到的參數(shù),還有很多高級(jí)參數(shù)可以進(jìn)行定制,例如背景顏色、邊框?qū)挾鹊鹊龋枰鶕?jù)實(shí)際需求進(jìn)行使用。