jquery.qrcode.js是一个生成二维码的jquery插件。压缩后体积不到4K。使用它来生成当前页面的二维码很方便。
插件地址:点击
示例:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 |
<!DOCTYPE html> <html> <head> <title>jquery生成当前页面的二维码</title> <meta charset='utf-8' /> <!-- js引用包 --> <script src='https://idoseek.com/dl/jquery/js/jquery-1.8.3.min.js'></script> <script type="text/javascript" src="https://idoseek.com/dl/jquery/js/jquery.qrcode.min.js"></script> </head> <style> #qrcodeCanvas { position:absolute; height:200px; width:200px; margin:-100px 0px 0px -100px; top: 50%; left: 50%; } </style> <body> <!-- 二维码绘制区域 --> <div id="qrcodeCanvas"></div> </body> <script style='text/javascript'> $('#qrcodeCanvas').qrcode({ text: window.location.href,//二维码代表的字符串(本页面的URL) width: 200,//二维码宽度 height: 200//二维码高度 }); </script> </html> |
DEMO:点击