js生成二维码插件代码

来源:https://www.sucaihuo.com/js/2009.html 2017-05-22 19:46浏览(1217) 收藏

js二维码插件生成4种不同元素二维码代码,分别是SVG元素生成二维码、Data URI SVG String生成二维码、Data URI PNG String生成二维码、表格生成二维码。
js生成二维码插件代码
分类:其它特效 > 二维码 难易:初级
查看演示 下载资源 下载积分: 30 积分

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>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2