教你js生成二维码-QrCodeJS

二维码又称QR Code,是一个近几年来移动设备上很流行的一种编码方式它比传统的一维码(条形码)能存更多的信息,也能表示更多的数据类型。按照一定规律排列组成的几何图形构成,它巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念。

生活中的应用也是非常的广泛
人们的生活方方面面都离不开二维码,而且她也给人们带来了极大的便利。

二维码有哪些优缺点:
优点:
1.高密度编码,信息容量大。
2.编码范围广。
3.容错能力强,具有纠错功能。
4.译码可靠性高。
5.可引入加密措施。
6.成本低,易制作,持久耐用。

缺点:
1.个人信息泄露 (火车票上都已经有了可以储存个人信息的二维码)
2.识别二维码的设备还不够丰富。
QRCode.js
下面进入正题,如何用js生成二维码,
QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。可以快速的在web页面中绘制出二维码。
通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库
在这里插入图片描述
引入相应js文件 :

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>`
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

在html中设置页面容器。用来承载生成之后的二维码显示
调用:

$(网页容器).qrcode({
   宽度:值,高度:值,内容:值});
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="jquery-1.8.3.js"></script>
    <script src="jquery.qrcode.min.js"></script>
    <title></title>
</head>
<script>
    function demo(){
   
       // $(网页容器).qrcode({
   宽度</
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值