`

QRCode.js 生成二维码

阅读更多

QRCode.js 是一个用于生成二维码图片的插件。

在线实例

实例预览 基础示例

实例预览 API 接口

使用方法

载入 JavaScript 文件

  1. <script src="qrcode.js"></script>
复制

DOM 结构

  1. <div id="qrcode"></div>
复制

调用

  1. // 简单方式 
  2. new QRCode(document.getElementById('qrcode'), 'your content'); 
  3.  
  4. // 设置参数方式 
  5. var qrcode = new QRCode('qrcode', { 
  6.   text: 'your content', 
  7.   width: 256, 
  8.   height: 256, 
  9.   colorDark : '#000000', 
  10.   colorLight : '#ffffff', 
  11.   correctLevel : QRCode.CorrectLevel.
  12. }); 
  13.  
  14. // 使用 API 
  15. qrcode.clear(); 
  16. qrcode.makeCode('new content'); 
复制

参数说明

  1. new QRCode(element, option)
复制
    名称 默认值 说明
element - 显示二维码的元素或该元素的 ID
option   参数配置

option 参数说明

名称 默认值 说明
width 256 图像宽度
height 256 图像高度
typeNumber 4  
colorDark "#000000" 前景色
colorLight "#ffffff" 背景色
correctLevel QRCode.CorrectLevel.L 容错级别,可设置为:

QRCode.CorrectLevel.L

QRCode.CorrectLevel.M

QRCode.CorrectLevel.Q

QRCode.CorrectLevel.H

API 接口

名称 说明
makeCode(text) 设置二维码内容
clear() 清除二维码。(仅在不支持 Canvas 的浏览器下有效)

 

1
1
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    jQuery.qrcode.js客户端生成二维码,支持中文并且可以生成LOGO

    **jQuery.qrcode.js** 是一个基于JavaScript的库,专门用于在客户端生成二维码(Quick Response Code)。这个库的优势在于它不需要服务器端的支持,只需要在用户的浏览器上运行,这大大简化了生成二维码的过程,并...

    weapp-qrcode.js生成相应的展示二维码

    本篇文章将详细介绍如何利用`weapp-qrcode.js`这个库来生成二维码,适用于uni-app、小程序以及网页开发。 `weapp-qrcode.js`是一个专门针对微信小程序开发的二维码生成库,它简化了二维码生成的流程,让开发者能够...

    jquery.qrcode.js 生成二维码

    `jQuery QRCode.js` 是一个轻量级的JavaScript库,它允许我们在网页上方便地生成二维码,无需复杂的后端处理。下面我们将深入探讨如何使用`jQuery QRCode.js`来创建二维码以及相关的技术要点。 首先,`jQuery`是...

    js生成二维码jquery.qrcode.js

    "js生成二维码jquery.qrcode.js" 是一个基于JavaScript和jQuery的库,用于在网页上动态生成二维码。这个功能在移动互联网应用、网站链接分享、电子票务等领域有广泛的应用。 首先,我们要理解JavaScript(简称JS)...

    jquery.qrcode.js生成带logo的二维码

    `jquery.qrcode.js`是一个基于jQuery的轻量级插件,它允许用户轻松地在网页上生成二维码。该插件支持多种配置选项,如二维码的内容、尺寸、颜色以及是否在二维码中心添加Logo等。此外,生成的二维码可以以不同的格式...

    JavaScript基于qrcode.js带Logo彩色二维码(彩色艺术二维码)

    3. 使用JavaScript生成二维码:在脚本中,调用qrcode.js提供的API,传入必要的参数。这里包括二维码的内容、颜色和Logo图片等。例如: ```javascript new QRCode(document.getElementById('qrcode'), { text: 'your...

    jquery.qrcode.min.js 二维码生成

    jquery.qrcode.min.js 是用于生成二维码的,这里包括了二维码生成的qrcode,也有基础的使用办法

    qrcode.js生成二维码的 JavaScript 库

    在网页开发中,利用JavaScript生成二维码是一种常见的需求。`qrcode.js`就是这样一个轻量级的库,专为纯JavaScript环境设计,无需依赖其他库如jQuery,使得在网页上动态生成二维码变得简单易行。 `qrcode.js`的工作...

    qrcode.js 二维码生成实例

    以下是一个完整的使用 `qrcode.js` 生成二维码的 HTML 和 JavaScript 示例: ```html &lt;!DOCTYPE html&gt; &lt;title&gt;qrcode.js 二维码生成实例 #qrcode { margin: 50px auto; display: block; } ...

    jquery.qrcode.js二维码生成插件并且转换成图片demo

    `jquery.qrcode.js`是一个基于jQuery的插件,它使得在网页上生成二维码变得简单易行。这个插件允许开发者通过JavaScript动态生成二维码,并且还支持将生成的二维码以Canvas形式展示,进而可以将其转换为图片,以便...

    web前端通过使用JavaScript 生成二维码,采用qrcode.js 来实现

    qrcode.js是一个轻量级的JavaScript库,专门用于生成二维码。它的核心原理是将输入的数据编码为二维码的矩阵,然后利用HTML5的Canvas元素或者CSS3的背景图片来渲染这个矩阵,生成可视化的二维码。 1. **引入qrcode....

    利用qrcode.js生成二维码

    利用qrcode.js生成二维码,并显示在指定画布中,快速生成无压力,小程序、网页都能用,生成二维码更加方便快捷,显示速度更快更友好

    jquery.qrcode.js下载以及扫码登录实现

    首先,`jQuery QRCode.js` 是一个轻量级的JavaScript插件,用于在网页上生成二维码。这个库基于jQuery,因此在使用前需要确保页面已经引入了jQuery库。你可以通过访问[jQuery官网](https://jquery.com/)或者第三方...

    jQuery基于qrcode.js网页二维码生成插件.zip

    而`qrcode.js`则是一个轻量级的JavaScript库,专门用于生成二维码。本教程将详细介绍如何使用jQuery与qrcode.js结合,实现在网页上动态生成二维码的功能。 **1. jQuery基础** 在开始之前,确保你的项目已经引入了...

    jquery.qrcode.js(qrcode生成二维码插件)

    官网下载的qrcode.js不支持在二维码中携带logo,也不支持中文 jquery.qrcode.js可以

    qrcode.min.js 生成二维码

    页面引入qrcode.min.js 案例: $("#qrcode").html(""); new QRCode($("#qrcode")[0],{ text: data.url, //内容 width:78, //宽度 height:78, //高度 correctLevel: 3,//二维码纠错级别 background: "#ffffff",//...

    基于jquery二维码生成插件jquery.qrcode.js在线生成二维码

    标题提到的"基于jquery二维码生成插件jquery.qrcode.js在线生成二维码",就是利用jQuery与名为`jquery.qrcode.js`的插件来实现在网页上动态生成二维码的功能。这个插件允许开发者通过简单的JavaScript调用来创建...

    jquery.qrcode.min.js H5 html jsp生成二维码官方js库

    总结来说,`jquery.qrcode.min.js`是一个实用的JavaScript库,它简化了在H5、HTML和JSP中生成二维码的过程。通过简单的API调用,开发者可以快速地将文本数据转化为二维码图像,从而提升用户体验,实现信息的快速传递...

    jquery.qrcode生成二维码demo

    `jQuery.qrcode.js` 是一个轻量级的 jQuery 插件,专为在浏览器环境中生成二维码而设计,无需依赖任何第三方服务,简化了开发过程。 ### 1. 插件安装与引入 要使用 `jQuery.qrcode.js`,首先需要确保你的项目中...

    qrcode.js生成二维码JS

    在网页开发中,使用JavaScript生成二维码能够为用户提供便捷的信息分享和访问方式。`qrcode.js` 是一个轻量级的JavaScript库,专门用于在浏览器环境中生成二维码图片。 ### 1. 二维码原理 二维码由黑白相间的模块...

Global site tag (gtag.js) - Google Analytics