jQuery二维码生成插件

简介: jquery.qrcode.js二维码插件允许你在网页中容易的插入二维码,可以生成表格形式的二维码,或基于canvas的图片二维码

tx000247.png

在线预览 下载

这是一款经典的jQuery二维码生成插件。jquery.qrcode.js二维码插件允许你在网页中容易的插入二维码,可以生成表格形式的二维码,或基于canvas的图片二维码。

使用方法
在页面中引入jquery和jquery.qrcode.min.js文件。

<script src="path/to/jquery.min.js"></script>
<script src="path/to/jquery.qrcode.min.js"></script>

HTML结构
使用一个

元素来作为二维码的容器。
<div id="qrcode"></div>

初始化插件
在页面DOM元素加载完毕,通过qrcode()的方法来初始化该jQuery二维码插件。

$('#qrcode').qrcode({
    
  text: "https://www.htmleaf.com"
});

如果你想以表格的方式来显示二维码,可以使用render参数。

$('#qrcode').qrcode({
    
    render: "table",
    text: "https://www.htmleaf.com"
});

你还可以指定二维码的宽度和高度。

$('#qrcode').qrcode({
    
  text: "https://www.htmleaf.com",
  width: 256,
  height: 256
});

也可以指定二维码的前景色和背景色。

$('#qrcode').qrcode({
    
  text: "https://www.htmleaf.com",
  background: "#ffffff",
  foreground: "#000000"
});

你还可以定制二维码的错误校正等级。

$('#qrcode').qrcode({
    
  text: "https://www.htmleaf.com",
  correctLevel: QRErrorCorrectLevel.H
});
QRErrorCorrectLevel.H: Approx 30%
QRErrorCorrectLevel.Q: Approx 25%
QRErrorCorrectLevel.M: Approx 15%
QRErrorCorrectLevel.L: Approx 7%
相关文章
|
6月前
|
前端开发
jquery.qrcode如何切换新的二维码
jquery.qrcode如何切换新的二维码
30 0
30jquery-qrcode生成二维码
30jquery-qrcode生成二维码
118 0
30jquery-qrcode生成二维码
|
JavaScript 前端开发
【JavaScript】关于jquery把网址变成二维码
【JavaScript】关于jquery把网址变成二维码
104 0
【JavaScript】关于jquery把网址变成二维码
|
Java
jquery-qrcode 生成和读取二维码
首先要导入jar包(生成二维码的jar和读取二维码的jar)    生成二维码: package com.imooc.qrcode; import java.awt.Color; import java.
1660 0
|
JavaScript 前端开发 Java
使用jquery.qrcode.js生成二维码
通常生成二维码的方式有两种:第一种是java代码的形式,第二种是通过Js方式。 在这里我做个记录,用js生成二维码,可以在官网下载源码:http://jeromeetienne.github.io/jquery-qrcode/ 1.
1135 0
|
JavaScript 前端开发
jquery-qrcode生成二维码
一、jquery-qrcode   jquery-qrcode是一个为浏览器生成二维码的jquery插件。我们很容易将它集成到我们的应用。该插件也可以独立使用,也比较小。它是直接在客户端生成二维码生成。
1191 0
|
前端开发 JavaScript
使用jquery-qrcode生成二维码
一、使用jquery-qrcode生成二维码 先简单说一下jquery-qrcode,这个开源的三方库(可以从https://github.com/jeromeetienne/jquery-qrcode 获取), qrcode.
1024 0
|
6月前
|
JavaScript
jQuery图片延迟加载插件jQuery.lazyload
jQuery图片延迟加载插件jQuery.lazyload
|
1月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
63 2
|
6天前
|
JavaScript
jQuery实现弹窗消息提示特效插件
这是一个简单的jQuery弹窗消息提示插件,用于网站用户操作提示。包含默认、成功、失败、警告、提示弹窗等不同形式弹出的消息提示效果,轻量简单,欢迎下载!
18 4