JS生成链接二维码

最新推荐文章于 2024-05-09 02:57:36 发布

大i程序猿

最新推荐文章于 2024-05-09 02:57:36 发布

阅读量1.6k

点赞数

分类专栏：基础文章标签：二维码 javascript

本文链接：https://blog.csdn.net/cyn_653620/article/details/74296320

版权

基础专栏收录该内容

19 篇文章 0 订阅

订阅专栏

需要引入两个js文件：
1)jquery.min.js
2)jquery.qrcode.min.js

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>生成名片二维码</title>
</head>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>
<style type="text/css" >
body {
    position: absolute; top: 0%;
     left: 0%; width:100%; 
     height:100%; 
     background-color: #a7aaad; 
     -moz-opacity: 0.7; 
     opacity:0.5;
     z-index:1001; 
     filter: alpha(opacity=40);
}
.back{
    background-image: url("image/img1.jpg");
    z-index:100;
}
</style>
<script type="text/javascript">
$(function(){
    //此处生成名片二维码
     var the_text = utf16to8("https://www.zhihu.com/question/40117062");
    //alert(the_text);
    $('#qrcodeid').qrcode({
        width:140,
        height:140,
        render:"canvas", //设置渲染方式 table canvas
        typeNumber : -1,  //计算模式 
        correctLevel  : 0,//纠错等级 
        background   : "#ffffff",//背景颜色 
        foreground   : "#000000",//前景颜色 
        text:the_text
    }); 
});
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>
<body >
    <div class="back"></div>
    <div id = "qrcodeid"></div>  <!-- 生成的二维码放在此div中 -->
</body>
</html>

大i程序猿

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
JS生成链接二维码

需要引入两个js文件： 1)jquery.min.js 2)jquery.qrcode.min.js<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type
复制链接

扫一扫