JS创建二位码

插件地址:http://www.jq22.com/jquery-info294
转自:https://blog.csdn.net/mr_smile2014/article/details/51782122

一、jquery.qrcode.js介绍

jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,插件压缩之后大小小于 4K。

二、参数说明

text     : "https://github.com/jeromeetienne/jquery-qrcode"  //设置二维码内容    
render   : "canvas",//设置渲染方式 (有两种方式 table和canvas,默认是canvas)   
width       : 256,     //设置宽度    
height      : 256,     //设置高度    
typeNumber  : -1,      //计算模式    
correctLevel    : 0,//纠错等级    
background      : "#ffffff",//背景颜色    
foreground      : "#000000" //前景颜色    

三、jquery.qrcode使用

  1. 加载 jQuery 和 jquery.qrcode.js:
  
  
  1. 创建一个用于包含 QRcode 图片的 DOM 元素,比如 div:

3.通过下面代码生成 QRcode:

最简单方式:jQuery('#qrcode').qrcode("http://blog.csdn.net/mr_smile2014");  
自定义方式:jQuery('#qrcode').qrcode({render:canvas,width: 64,height: 64,correctLevel:0,text: "http://blog.csdn.net/mr_smile2014"});  

这里要注意一个地方:如果说网页端产生的二维码,不需要被下载下来,只在页面上使用,那么就不用考虑二维码的折损程度,可以将其纠错等级设置为0(correctLevel:0),这样,在数据量不变的情况下,可以降低二位码复杂度,提高设备的扫码速度。

你可能感兴趣的:(JS创建二位码)