[scode type="green"]这几天项目有一个新功能需要动态生成二维码,在网上琢磨一番之后知道了一个插件[/scode] [tag type="info"]head头部引入插件和jQuery[/tag] [scode type="yellow"]jQuery一定要在引入插件之前引入[/scode] ```javascript <script src="js/jquery.min.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script> ``` [tag type="info"]body添加div容器[/tag] ```html <div id="qrcode"></div> ``` [tag type="info"]jQuery代码[/tag] [scode type="lblue"]直接生成二维码[/scode] ```javascript <script> jquery('#qrcode').qrcode("https://haser.top/"); </script> ``` [scode type="lblue"]带属性生成二维码[/scode] ```javascript <script> //使用table生成 jQuery('#qrcode').qrcode({ render: "table", width: 200, //宽度 height:200, //高度 text: "https://haser.top/" }); //使用canvas生成 jQuery('#qrcode').qrcode({ render: "canvas", text: "https://haser.top/" }); //生成前景色为红色背景色为白色的二维码 jQuery('#qrcode').qrcode({ render: "canvas", //也可以替换为table foreground: "#C00", background: "#FFF", text: "http://www.jq22.com" }); </script> ``` ## 插件引用地址 [scode type="lblue"]https://zjt.haser.top/js/qrcode.js[/scode] 可以另存为之后保存到本地 [scode type="lblue"]jQuerycdn: https://www.jq22.com/cdn/[/scode] [scode type="lblue"]github地址:https://github.com/jeromeetienne/jquery-qrcode[/scode] [button color="danger" icon="fontello fontello-gratipay" url="https://cnd.haser.top/2020/12/14/536814990.zip "]插件下载[/button] <div class="tip inlineBlock success"> 这几天项目有一个新功能需要动态生成二维码,在网上琢磨一番之后知道了一个插件 </div> <span class="label bg-info">head头部引入插件和jQuery</span> <div class="tip inlineBlock warning"> jQuery一定要在引入插件之前引入 </div> ```javascript <script src="js/jquery.min.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script> ``` <span class="label bg-info">body添加div容器</span> ```html <div id="qrcode"></div> ``` <span class="label bg-info">jQuery代码</span> <div class="tip inlineBlock info"> 直接生成二维码 </div> ```javascript <script> jquery('#qrcode').qrcode("https://haser.top/"); </script> ``` <div class="tip inlineBlock info"> 带属性生成二维码 </div> ```javascript <script> //使用table生成 jQuery('#qrcode').qrcode({ render: "table", width: 200, //宽度 height:200, //高度 text: "https://haser.top/" }); //使用canvas生成 jQuery('#qrcode').qrcode({ render: "canvas", text: "https://haser.top/" }); //生成前景色为红色背景色为白色的二维码 jQuery('#qrcode').qrcode({ render: "canvas", //也可以替换为table foreground: "#C00", background: "#FFF", text: "http://www.jq22.com" }); </script> ``` ## 插件引用地址 <div class="tip inlineBlock info"> https://zjt.haser.top/js/qrcode.js </div> 可以另存为之后保存到本地 <div class="tip inlineBlock info"> jQuerycdn: https://www.jq22.com/cdn/ </div> <div class="tip inlineBlock info"> github地址:https://github.com/jeromeetienne/jquery-qrcode </div> <button class=" btn m-b-xs btn-danger btn-addon" onclick="window.open('https://cnd.haser.top/2020/12/14/536814990.zip ','_blank')"><i class="fontello fontello-gratipay"></i>插件下载</button> Last modification：May 18, 2021 © Allow specification reprint Support Appreciate the author AliPayWeChat Like 请我喝一瓶农夫山泉嘛？
