基于JavaScript实现生成名片、链接等二维码_Javascript教程-查字典教程网
基于JavaScript实现生成名片、链接等二维码
基于JavaScript实现生成名片、链接等二维码
发布时间:2016-12-30 来源:查字典编辑
摘要:废话不多说,直接贴代码了,具体内容如下;//生成的二维码放在此div中//引入qrcode.js(到https://github.com/j...

废话不多说,直接贴代码了,具体内容如下;

<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”参数值 直接替换成普通链接即可) var the_text = "BEGIN:VCARD rnFN:姓名 rnTEL;CELL,VOICE:15000000000 rnTITLE:职称 rnORG:公司(组织) rnEMAIL;INTERNET,HOME:123@qq.com rnADR;WORK,POSTAL:地球中国山东... rnURL:http://leerd.cn rnEND:VCARD"; the_text = utf16to8(the_text); //alert(the_text); jQuery('#qrcodeid').qrcode({ width:140, height:140, render:"canvas", //设置渲染方式 table canvas typeNumber : -1, //计算模式 correctLevel : 0,//纠错等级 background : "#ffffff",//背景颜色 foreground : "#000000",//前景颜色 text:the_text }); </script>

以上内容就是本文的全部内容,希望大家喜欢。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类