基于JavaScript實(shí)現(xiàn)生成名片、鏈接等二維碼
更新時(shí)間:2015年09月20日 10:18:04 投稿:mrr
本文使用javascript技術(shù)實(shí)現(xiàn)生成名片、鏈接等二維碼的代碼,代碼簡(jiǎn)單易懂并附有注釋,需要的朋友可以參考下本文
廢話不多說(shuō),直接貼代碼了,具體內(nèi)容如下;
<div id = "qrcodeid"></div> //生成的二維碼放在此 div 中 <script type="text/javascript" src="js/jquery.qrcode.min.js"></script>//引入qrcode.js(到https://github.com/jeromeetienne/jquery-qrcode 下載 ) <script> function utf16to8(str) { //解決中文亂碼 var out, i, len, c; out = ""; len = str.length; for(i = 0; i < len; i++) { c = str.charCodeAt(i); if ((c >= 0x0001) && (c <= 0x007F)) { out += str.charAt(i); } else if (c > 0x07FF) { out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F)); out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F)); out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); } else { out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F)); out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F)); } } return out; } </script> <script>//此處生成名片二維碼(如要生成普通鏈接二維碼 則 “text”參數(shù)值 直接替換成普通鏈接即可) var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTEL;CELL,VOICE:15000000000 \r\nTITLE:職稱 \r\nORG:公司(組織) \r\nEMAIL;INTERNET,HOME:123@qq.com \r\nADR;WORK,POSTAL:地球中國(guó)山東... \r\nURL:http://leerd.cn \r\nEND:VCARD"; the_text = utf16to8(the_text); //alert(the_text); jQuery('#qrcodeid').qrcode({ width:140, height:140, render:"canvas", //設(shè)置渲染方式 table canvas typeNumber : -1, //計(jì)算模式 correctLevel : 0,//糾錯(cuò)等級(jí) background : "#ffffff",//背景顏色 foreground : "#000000",//前景顏色 text:the_text }); </script>
以上內(nèi)容就是本文的全部?jī)?nèi)容,希望大家喜歡。
您可能感興趣的文章:
- nodejs獲取微信小程序帶參數(shù)二維碼實(shí)現(xiàn)代碼
- nodejs實(shí)現(xiàn)超簡(jiǎn)單生成二維碼的方法
- nodejs動(dòng)態(tài)創(chuàng)建二維碼的方法
- JavaScript生成二維碼圖片小結(jié)
- JavaScript實(shí)現(xiàn)的微信二維碼圖片生成器的示例
- JavaScript動(dòng)態(tài)生成二維碼圖片
- js基于qrcode.js生成二維碼的方法【附demo插件源碼下載】
- QRCode.js二維碼生成并能長(zhǎng)按識(shí)別
- node實(shí)現(xiàn)生成帶參數(shù)的小程序二維碼并保存到本地功能示例
相關(guān)文章
JS前端開(kāi)發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作(小結(jié))
這篇文章主要介紹了JS前端開(kāi)發(fā)判斷是否是手機(jī)端并跳轉(zhuǎn)操作,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2017-02-02JS基于開(kāi)關(guān)思想實(shí)現(xiàn)的數(shù)組去重功能【案例】
這篇文章主要介紹了JS基于開(kāi)關(guān)思想實(shí)現(xiàn)的數(shù)組去重功能,簡(jiǎn)單分析了開(kāi)關(guān)思想的原理,并結(jié)合具體實(shí)例形式分析了javascript基于開(kāi)關(guān)思想實(shí)現(xiàn)數(shù)組去重相關(guān)操作技巧,需要的朋友可以參考下2019-02-02javascript 像素拼圖實(shí)現(xiàn)代碼
非常不錯(cuò)的像素拼圖效果2009-04-04關(guān)于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些
代碼規(guī)范并不是一種編寫正確JavaScript代碼的規(guī)則,而是為了保持源代碼編寫模式一致的一種選擇。這篇文章給大家介紹了關(guān)于Google發(fā)布的JavaScript代碼規(guī)范你要知道哪些,感興趣的朋友一起看看吧2018-04-04js判斷出兩個(gè)字符串最大子串的函數(shù)實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js判斷出兩個(gè)字符串最大子串的函數(shù)實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11