前端生成二维码

直接上代码吧，jquery.qrcode的源文件下载地址：https://github.com/jeromeetienne/jquery-qrcode

是基于jquery实现的，jquery.qrcode又是在qrcode.js的基础上封装的，以下是测试代码，可直接使用。

    
以table形式渲染，兼容低端浏览器
    

    
以canvas来渲染，性能好，不兼容低端浏览器
    

    
二维码测试中文字符串
    

1.为什么要中文转换？

答：jquery-qrcode是采用charCodeAt()方式进行编码转换的。而这个方法默认会获取它的Unicode编码，如果有中文内容，在生成二维码前就要把字符串转换成UTF-8，然后再生成二维码。

2.jquery.qrcode可设置的参数有哪些？

答：看jquery.qcode的源代码可知有如下参数可供设置

  

options	= $.extend( {}, {
			render		: "canvas",
			width		: 256,
			height		: 256,
			typeNumber	: -1,
			correctLevel	: QRErrorCorrectLevel.H,
                        background      : "#ffffff",
                        foreground      : "#000000"
		}, options);

3.二维码渲染的方式有canvas和table，两者的区别？

答：以table形式渲染，兼容低端浏览器（比如不支持canvas的浏览器）但性能不好；以canvas来渲染，性能好但不兼容低端浏览器。

4.扫码后的形式有两种

答：

var str = toUtf8("二维码测试");
        //扫码后显示字符串
        $("#code").qrcode({width: 200,height: 200,text: str});

//扫描后跳转到指定网页
	$('#qrcodeTable').qrcode({
		render	: "table",
		text	: "https://www.baidu.com"
	});	

参考来自：http://www.codesky.net/article/201308/182043.html