js生成二维码插件.zip资源-CSDN文库

共4个文件

css：2个

html：1个

js：1个

版权申诉

实用代码

实用插件

47 浏览量 2023-09-27 22:18:14 上传评论收藏 14KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

js生成二维码插件.zip （4个子文件）

qrjs2.js 20KB

css

demo.css 753B

bootstrap-grid.min.css 28KB

index.html 3KB

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>js生成二维码插件</title> <link rel="stylesheet" type="text/css" href="css/bootstrap-grid.min.css" /> <link rel="stylesheet" type="text/css" href="css/demo.css"> </head> <body><script src="/demos/googlegg.js"></script> <div class="container"> <div class="row"> <div class="col-md-3" id="qr1"> <h3>SVG元素</h3> </div> <div class="col-md-3" id="qr2"> <h3>Data URI SVG String</h3> </div> <div class="col-md-3" id="qr3"> <h3>Data URI PNG String</h3> </div> <div class="col-md-3" id="qr4"> <h3>表格</h3> </div> </div> </div> <script src="js/qrjs2.js"></script> <script type="text/javascript"> var container1 = document.getElementById('qr1'); var container2 = document.getElementById('qr2'); var container3 = document.getElementById('qr3'); var container4 = document.getElementById('qr4'); var svgElement = document.createElement("div"), u = "http://www.lanrenzhijia.com", s = QRCode.generateSVG(u, { ecclevel: "M", fillcolor: "#FFFFFF", textcolor: "#373737", margin: 4, modulesize: 8 }); svgElement.appendChild(s); container1.appendChild(svgElement); if (document.implementation.hasFeature("http://www.w3.org/2000/svg","1.1")) { var dataUriSvgImage = document.createElement("img"), u = "http://www.lanrenzhijia.com", s = QRCode.generateSVG(u, { ecclevel: "M", fillcolor: "#FFFFFF", textcolor: "#373737", margin: 4, modulesize: 8 }); var XMLS = new XMLSerializer(); s = XMLS.serializeToString(s); s = "data:image/svg+xml;base64," + window.btoa(unescape(encodeURIComponent(s))); dataUriSvgImage.src = s; container2.appendChild(dataUriSvgImage); } var dataUriPngImage = document.createElement("img"), u = "http://www.lanrenzhijia.com", s = QRCode.generatePNG(u, { ecclevel: "M", format: "html", fillcolor: "#FFFFFF", textcolor: "#373737", margin: 4, modulesize: 8 }); dataUriPngImage.src = s; container3.appendChild(dataUriPngImage); var htmlTable = document.createElement("div"), u = "http://www.lanrenzhijia.com", s = QRCode.generateHTML(u, { ecclevel: "M", fillcolor: "#FFFFFF", textcolor: "#373737", margin: 4, modulesize: 8 }); htmlTable.appendChild(s); container4.appendChild(htmlTable); </script> <div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"> <p>适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。</p> <p>更多源码：<a href="http://www.96flw.com/" target="_blank">www.96flw.com</a></p> </div> </body> </html>

评论收藏

内容反馈

版权申诉