| ylbtech-Nuget-QRCode：jquery-qrcode |
| 1.返回顶部 |
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、
1、
2、
| 6.返回顶部 |
 |
作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 |