Nuget-QRCode：jquery-qrcode

ylbtech-Nuget-QRCode：jquery-qrcode

1、

<!DOCTYPE html>
<html>
<head>
<title>Demo page</title>

</head>
<body>
<p>
   TODO制作一个漂亮的纯粹客户端qrcode生成器，甚至允许下载图片
</p>

<div id="output"></div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript" src="../jquery.qrcode.min.js"></script>
<script>
jQuery(function(){
    jQuery('#output').qrcode("hello");
})
</script>

</body>
</html>

2、

3、

jQuery('#shareQRCode').qrcode({ text: text, 170, height: 170 });

4、

/**
* 参数列表
* render : "canvas",//设置渲染方式 
width : 256, //设置宽度 
height : 256, //设置高度 
typeNumber : -1, //计算模式 
correctLevel : QRErrorCorrectLevel.H,//纠错等级 
background : "#ffffff",//背景颜色 
foreground : "#000000" //前景颜色 
*
*/

5、

2.返回顶部

1、

<!DOCTYPE html>
<html>
<head>
<title>basic example</title>
</head>
<body>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script type="text/javascript" src="../src/jquery.qrcode.js"></script>
<script type="text/javascript" src="../src/qrcode.js"></script>

<p>在桌上呈现</p>
<div id="qrcodeTable"></div>
<p>在画布上呈现</p>
<div id="qrcodeCanvas"></div>
<script>
    //jQuery('#qrcode').qrcode("this plugin is great");
    jQuery('#qrcodeTable').qrcode({
        render    : "table",
        text    : "http://jetienne.com"
    });    
    jQuery('#qrcodeCanvas').qrcode({
        text    : "http://jetienne.com"
    });    
</script>

</body>
</html>

2、

3、

3.返回顶部

4.返回顶部

5.返回顶部

0、

https://github.com/jeromeetienne/jquery-qrcode

1、

https://github.com/jeromeetienne/jquery-qrcode

2、

6.返回顶部

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。