jquery 二维码生成-二维码生成插件--QRcode.js

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

1. 说明

二维码也称为QRCode，全称是QuickResponseCode

Github源码下载地址：

说明：jquery.qrcode.js是一个jquery插件，可以在客户端生成矩阵二维码QRCode。 它可以用来轻松在页面上生成二维条形码。 该插件可以独立使用，而且体积比较小，使用gzip压缩后不到4kb。 由于它没有图片下载过程，不依赖外部服务的开启和关闭jquery 二维码生成，因此可以直接在客户端快速生成二维码。 它基于一个用于构建多种语言 QRcode 的库。 jquery.qrcode.js 将其包装起来，使其可以轻松包含在您自己的代码中。

度娘上找到的二维码分析图

2. 使用简单

1.导出jquery.qrcode.min.js和jquery.js文件

<script type="text/javascript" src="/js/jquery-3.3.1.min.js">	
<script type="text/javascript" src="/js/qrcode/jquery.qrcode.min.js">

	$(function(){
		$("#erm").qrcode("http://www.baidu.com");
	});	

2.创建一个DOM元素div来包含生成的二维码

3、后面如何添加二维码到这个容器中

	$(function(){
		$("#erm").qrcode("http://www.baidu.com");
	});	

3. 自定义参数配置

1、参数配置

    $(function(){
        $("#erm").qrcode({
            render : "canvas",  //设置渲染方式:table和canvas，使用canvas方式性能相对来说比较好
            width: 256,   //默认宽度
            height: 256, //默认高度            
            typeNumber: -1,   //计算模式一般默认为-1
            correctLevel: 2, //二维码纠错级别
            background: "#ffffff",  //背景颜色
            foreground: "#000000",  //二维码颜色
            text: "http://www.baidu.com", //二维码内容：可以直接填一个网址
        });
    });	

2.jquery.qrcode.js 二维码内容不支持英文。 如果出现英文，结果会是一串乱码。 这主要是两者的编码方式不同造成的。 英文通常采用UTF-16格式。 ，如果要支持英文，可以使用encodeURI()统一转码为UTF-8格式。网上也有其他形式的转码参考。

$("#erm").qrcode(encodeURI("http://baidu.com/?id=10&name=中文"));//使用encodeURI进行转码

3.jquery.qrcode.js不支持这些自定义logojquery 二维码生成，那怎么办？在div中创建img，借助定位就可以轻松完成

	

		

		
		

			/image/default.jpg"/>
		
 
		

			 请用手机扫描二维码并按提示继续