jQuery 生成svg矢量二维码

时间：2021-05-26

jQuery 生成矢量svg二维码，并提供PNG，和SVG的页面下载，减轻服务端的压力。

代码如下所示：

<html> <head> <title>jQuery 生成svg矢量二维码</title> </head> <body> <script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script><script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script><script type='text/javascript' src='raphael.js'></script><script type='text/javascript' src='qrcodesvg.js'></script><p>二维码信息：201211070014</p> <div id="qrcodeTable"></div> <p>二维码信息：gerrard</p> <div id="qrcodeCanvas"></div> <p>二维码信息：test</p> <div id="svg-wrap" class="svg-wrap"></div> <br><a id="a" href="javascript:saveAsPng()">下载PNG</a> <a id="a" href="javascript:saveAsSvg()">下载SVG</a><script> var qrcodesvg = new Qrcodesvg("http://ponent(svgXml))); //给图片对象写入base64编码的svg流var a = document.createElement('a');a.href = image.src; //直接导出SVGa.download = mathRand(); //设定下载名称a.click(); //点击触发下载 }// 随机生成数字function mathRand() { var num = ""; for(var i = 0 ; i < 6 ; i ++) { num+=Math.floor(Math.random()*10); } return num ;}</script> </body> </html>

以上所述是小编给大家介绍的jQuery 生成svg矢量二维码,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章