2.引进外界js文件

<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 \r\nFN:姓名 \r\nTEL;CELL,VOICE:15000000000 \r\nTITLE:职称 \r\nORG:公司(组织) \r\nEMAIL;INTERNET,HOME:123@qq.com \r\nADR;WORK,POSTAL:地球中国山东... \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", //设置渲染方式 table canvas
typeNumber : -1,  //计算模式 
correctLevel  : 0,//纠错等级 
background   : "#ffffff",//背景颜色 
foreground   : "#000000",//前景颜色 
text:the_text
}); 
</script>
<!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("//www.jb51.net");
 document.getElementById("send").onclick =function(){
  qrcode.makeCode(document.getElementById("getval").value);
 }
 }
</script>
</body>
</html>

正文实例叙述了JS达成将链接生成二维码并转为图片的不二法门。分享给大家供我们参谋,具体如下:

var qrcode = new QRCode(document.getElementById("qrcode"), {
width : 200,
height : 200
}); 
var token='params';
var QRCodeUrl='http:\\www.baidu.com'+'/Share/ScanQRCode?token='+token;
qrcode.makeCode(QRCodeUrl); 

废话十分少说,直接贴代码了,具体内容如下;

qrcode.js可点击这里本站下载.rar)。

PS:这里再为我们推荐六款二维码相关在线工具供大家参考使用:

<div id="qrcode" style="width:200px; height:200px;position: fixed;bottom: 40%; right: 20%;"></div>

你可能感兴趣的文章:

  • JavaScript动态生成二维码图片
  • JavaScript生成二维码图片小结
  • 运用JS
    插件qrcode.js生成二维码功用
  • js基于qrcode.js生成二维码的不二秘籍【附demo插件源码下载】
  • 应用jquery.qrcode.js生成二维码插件
  • QRCode.js:基于JQuery的生成二维码JS库的采取
  • nodejs完成超轻松生成二维码的法门
  • JS生成和下载二维码的代码
  • Angular JS
    生成动态二维码的不二秘籍
  • JS完毕将链接生成二维码并转为图片的法子

二维码在线生成工具(基础版):

仰望本文所述对大家JavaScript程序设计具有帮助。

1.html代码

上述内容正是本文的全体内容,希望大家心爱。

你也许感兴趣的文章:

  • JavaScript动态生成二维码图片
  • JavaScript生成二维码图片小结
  • 行使JS
    插件qrcode.js生成二维码成效
  • 选拔jquery.qrcode.js生成二维码插件
  • QRCode.js:基于JQuery的生成二维码JS库的应用
  • nodejs完毕超简单生成二维码的办法
  • JS生成和下载二维码的代码
  • Angular JS
    生成动态二维码的章程
  • 基于JavaScript达成生成名片、链接等二维码
  • JS达成将链接生成二维码并转为图片的方法

越来越多关于JavaScript相关内容感兴趣的读者可查阅本站专题:《JavaScript图片操作本事大全》、《JavaScript错误与调治本领总结》、《JavaScript数据结构与算法技术计算》、《JavaScript遍历算法与手艺总计》及《JavaScript数学生运动算用法计算》

admin

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注