js二维码插件生成4种不同元素二维码代码,分别是SVG元素生成二维码、Data URI SVG String生成二维码、Data URI PNG String生成二维码、表格生成二维码。
js代码
<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.sucaihuo.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.sucaihuo.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.sucaihuo.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.sucaihuo.com/",
s = QRCode.generateHTML(u, {
ecclevel: "M",
fillcolor: "#FFFFFF",
textcolor: "#373737",
margin: 4,
modulesize: 8
});
htmlTable.appendChild(s);
container4.appendChild(htmlTable);
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791