js生成二维码

QRcode npm 地址

1.安装qrcode

//在项目文件夹中执行：

npm install --save qrcode

//或者，将其全局安装以使用qrcode命令行来保存qrcode图像或生成可在终端中查看的图像。

npm install -g qrcode

2.用法

  • CLI

　　

Usage: qrcode [options] <input string>

QR Code options:

  -v, --version  QR Code symbol version (1 - 40)

  -e, --error    Error correction level            [choices: "L", "M", "Q", "H"]

  -m, --mask     Mask pattern (0 - 7)

Renderer options:

  -t, --type        Output type                  [choices: "png", "svg", "utf8"]

  -w, --width       Image width (px)

  -s, --scale       Scale factor

  -q, --qzone       Quiet zone size

  -l, --lightcolor  Light RGBA hex color

  -d, --darkcolor   Dark RGBA hex color

Options:

  -o, --output  Output file

  -h, --help    Show help                                              [boolean]

Examples:

  qrcode "some text"                    Draw in terminal window

  qrcode -o out.png "some text"         Save as png image

  qrcode -d F00 -o out.png "some text"  Use red as foreground color
  • 模块使用
<!-- index.html -->

<html>

  <body>

    <canvas id="canvas"></canvas>

    <script src="bundle.js"></script>

  </body>

</html>

// index.js -> bundle.js

var QRCode = require('qrcode')

var canvas = document.getElementById('canvas')

QRCode.toCanvas(canvas, 'sample text', function (error) {

  if (error) console.error(error)

  console.log('success!');

})
  • nodejs使用
var QRCode = require('qrcode')

QRCode.toDataURL('I am a pony!', function (err, url) {

  console.log(url)

})
  • es6/es7
//可以使用Promises和Async / Await来代替回调函数。

import QRCode from 'qrcode'

// With promises

QRCode.toDataURL('I am a pony!')

  .then(url => {

    console.log(url)

  })

  .catch(err => {

    console.error(err)

  })

// With async/await

const generateQR = async text => {

  try {

    console.log(await QRCode.toDataURL(text))

  } catch (err) {

    console.error(err)

  }

}

js生成二维码 qrcode的更多相关文章

  1. 使用JS生成二维码QRCode

    这其实很简单,项目中使用插件即可生成,主要有两种方式: 一种是在项目中使用java生成,把图片生成到某个目录,然后在用tomcat或者nginx虚拟一下路径即可访问,这种方式我们不用,因为会在目录中生 ...

  2. QRCode.js生成二维码

    QRCode的GitHub地址: https://github.com/KeeeX/qrcodejs 该版本解决了主版本(https://github.com/davidshimjs/qrcodejs ...

  3. 使用jquery.qrcode.js生成二维码

    通常生成二维码的方式有两种:第一种是java代码的形式,第二种是通过Js方式. 在这里我做个记录,用js生成二维码,可以在官网下载源码:http://jeromeetienne.github.io/j ...

  4. js生成二维码的jquery组件–qrcode

    js生成二维码的jquery组件–qrcode 2015/01/30 / 2508 VIEWS / JAVASCRIPT, JQUERY 有一些耗cpu的计算,完全可以在客户端上计算,比如生成二维码. ...

  5. qrcode.js生成二维码因字符串过长而报错

    前端使用qrcode.js生成二维码的时候.有时候是会出现 qrcode length overflow (1632>1056) 目前使用的有效的解决办法是重新下载新版的qrcode.js 下载 ...

  6. js生成二维码以及点击下载二维码

    js生成二维码 jquery.qrcode.js可以快速使用页面生成二维码.但改项目有两个小问题:1.不支持中文:2.不支持二维码中间生成图片. 支持中文的jquery-qrcode jquery.q ...

  7. php--------使用js生成二维码

    php生成二维码有多种方式,可以在JS中,也可以使用php库,今天写的这个小案例是使用JS生成二维码. 其他方式可以看下一篇文章:php--------php库生成二维码和有logo的二维码 网站开发 ...

  8. Java与JS生成二维码

    1.二维码概念 二维码/二维条码是用某种特定的集合图形按一定规律在平面上(二维方向上)分布的黑白相间的图形记录数据符号信息的图片. 黑线是二进制的1,空白的地方是二进制的0,通过1.0这种数据组合用于 ...

  9. js 生成二维码图片

    1.用纯JavaScript实现的微信二维码图片生成器 QRCode.js是javascript实现二维码(QRCode)制作生成库. QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5 ...

随机推荐

  1. MIUI系统如何获取ROOT权限

    MIUI系统有么好方法启用了Root超级权限?各位都清楚,Android手机有Root超级权限,一旦手机启用了root相关权限,就能够实现更多的功能,举例子,各位公司的营销部门的同事,使用大多数营销工 ...

  2. BUAA Summer Practice 2017 #1 字符串专场

    https://vjudge.net/contest/262753#overview C - Regular Number HDU - 5972 bitset temp, temp[i]=1表示 此前 ...

  3. post请求中body数据类型

    1.application/json:json格式,如下: {"input1":"xxx","input2":"ooo" ...

  4. SAP基本计量单位更改（转载）

    转载自:http://blog.csdn.net/sapmatinal/article/details/50997819 在SAP中物料创建后,一旦发生业务,其基本计量单位便很难修改.由于单位无法满足 ...

  5. Redis查漏补缺：最易错过的技术要点大扫盲

    考虑到绝大部分写业务的程序员在实际开发中使用Redis时,只会Setvalue和Getvalue两个操作,对Redis整体缺乏一个认知.又恰逢笔者有同事下周要去培训Redis,所以笔者斗胆以Redis ...

  6. (转) NAS（神经结构搜索）综述

    NAS(神经结构搜索)综述 文章转载自:http://www.tensorinfinity.com/paper_136.html 本文是对神经结构搜索(NAS)的简单综述,在写作的过程中参考了文献[1 ...

  7. 2019-4-23 plan

    需要制作springcloud es6的技术文档和demo

  8. [转载]linux下网卡漂移导致网络不可用

    转自:https://blog.csdn.net/hyatsz/article/details/47690993 linux下网卡漂移导致网络不可用 2015年08月16日 00:48:50 hyat ...

  9. 销售及SAP销售业务方案思维导图

    销售: SAP销售方案:

  10. Redis5.0+哨兵模式+Keepalived实现高可用

    Redis主备配置 原理: 从服务器向主服务器发出SYNC指令,当主服务器接到此命令后,就会调用BGSAVE指令来创建一个子进程专门进行数据持久化工作,也就是将主服务器的数据写入RDB文件中.在数据持 ...