二维码插件jquery.qrcode.js的使用示例

最新推荐文章于 2024-05-14 11:32:17 发布

vcxiaohan2

最新推荐文章于 2024-05-14 11:32:17 发布

阅读量2k

点赞数 1

分类专栏： jQuery插件

本文链接：https://blog.csdn.net/u011500781/article/details/50857623

版权

jQuery插件专栏收录该内容

29 篇文章 0 订阅

订阅专栏

请在这里查看示例 ☞ qrcode示例

1 兼容性ie8+(渲染到table中)
2 不支持中文

<!doctype html>  
<html>  
 <head>  
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">  
  <meta name="renderer" content="webkit">  
  <title>qrcode</title>  
  <script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>  
  <script type="text/javascript" src="js/jquery.qrcode.js"></script>  
  <script type="text/javascript" src="js/qrcode.js"></script>  
      
  
  <style>  
    * {margin: 0; padding: 0;}  
    div {display: inline-block; margin-right: 50px;}  
  </style>  
 </head>  
 <body>  
    <div class="table1"></div>  
    <div class="table2"></div>  
 </body>  
  <script>  
    ;$(function() {  
        //不支持中文  
        $('.table1').qrcode({  
            render: 'table',  
            text: 'hello'  
        });  
  
        $('.table2').qrcode({  
            text: 'www.baidu.com',  
            width: 400,     //设置宽度    
            height: 256,     //设置高度    
            typeNumber: -1,      //计算模式    
            background: "#C5C5C5",//背景颜色    
            foreground: "#7C4325" //前景颜色
        });  
        console.log($('td').length);//441  
    });  
 </script>  
</html>

vcxiaohan2

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
二维码插件jquery.qrcode.js的使用示例

//1 兼容性ie8+(渲染到table中)//2 不支持中文 qrcode * {margin: 0; padding: 0;} div {display: inline-block; margin-right: 50px;} ;$(function() {
复制链接

扫一扫