QR Code生成二维码快速入门

1.QR Code的介绍

QR Code，是由Denso公司于1994年9月研制的一种矩阵二维码符号，它具有一维条码及其它二维条码所具有的信息容量大、可靠性高、可表示汉字及图象多种文字信息、保密防伪性强等优点。

2.引入qrcode.min.js

<script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script>

3.设置存放二维码的Div

<div id="code" class="qrcode"><!--二维码容器,在这个div里面生成二维码--></div>

4.定义二维码的参数

在script标签里面设置二维码的参数，包括长度，宽度，颜色，内容等等！

let qrcode = new QRCode(document.getElementById("code"), {width : 100,height : 100});

5.生成二维码

qrcode.makeCode("这是扫描二维码后出现的内容");

6.代码展示

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html><head><title>二维码</title><script type="text/javascript" src="//static.runoob.com/assets/qrcode/qrcode.min.js"></script></head><body><div id="code" class="qrcode"><!--二维码容器,在这个div里面生成二维码--></div><script>let qrcode = new QRCode(document.getElementById("code"), {width : 100,height : 100});qrcode.makeCode("这是扫描二维码后出现的内容");</script></body>
</html>

7.执行结果展示

由于csdn的规定，不能展现二维码，用户可以自行按照我的流程步骤来操作，展现二维码。

8.扫描后的结果

这是生成二维码的简单操作，希望对读者有所帮助。

QR Code生成二维码快速入门相关推荐

URL 转为QR code（二维码）
总结几种把网页url转为二维码的方法. 1. Chrome浏览器最快的一种方法就是用chrome自带的QR code分享. 这种方法的缺点就是不能自定义二维码的格式(颜色.logo之类的),都是默认 ...
C++/QT生成二维码和扫瞄二维码
C++生成二维码和扫瞄二维码一. 创建工程项目二 .QRCODE库三. 添加生成二维码库四. 生成二维码和复制二维码实现五. 添加扫码二维码库六. 扫码二维码代码实现七. 测试八. 打 ...
SpringCloud 生成二维码技术
文章目录 SpringCloud 生成二维码技术 1)引入依赖 2)编写生成二维码方法 3)测试方法 SpringCloud 生成二维码技术 ZXing是一个开源的,用Java编写的多格式的1D / ...
使用IDEA创建一个通过url链接生成二维码的java程序|自动生成二维码
平时使用了那么多的二维码,今天我们自己做一个二维码.今天刚安装了IDEA,学会了用法,就来通过IDEA做一个生成二维码的程序. 首先新建一个项目设置项目名称点击Next之后,出现下图所示页面: ...
thinkphp6项目使用phpqrcode生成二维码
首先下载phpqrcode扩展文件 phpqrcode下载链接下载完之后把文件解压到根目录下的vendor中需要用到的参数: 第一个参数$text,就是代码里的URL网址参数, 第二个参数$out ...
thinkphp6下使用phpqrcode生成二维码
系!首先你要有果只库! 实在稳矛到你就@我,我发比你.放在thinkphp6的这个文件夹内extend.然后控制器写只方法就得爹. /*** 生成二维码* @return string*/public ...
QR code 二维码基础入门教程（二）
QR code 二维码基础入门教程(二) 承接上文,让我们继续下面的步骤纠错码编码先说说纠错容量纠错码可以纠正两种错误: 拒读错误(错误码位置已知),是一个没有扫到或者无法译码的符号字符,需要一 ...
QR code 二维码基础入门教程
QR code 二维码基础入门教程本文为 QR Code Tutorial: Introduction 的总结,详细内容请查看原文 Introduction History and Informat ...
用ABAP 生成二维码 QR Code
除了使用我的这篇blogStep by step to create QRCode in ABAP Webdynpro提到的使用ABAP webdynpro生成二维码之外,也可以通过使用二维码在线生成 ...

QR Code生成二维码快速入门

1.QR Code的介绍

2.引入qrcode.min.js

3.设置存放二维码的Div

4.定义二维码的参数

5.生成二维码

6.代码展示

7.执行结果展示

8.扫描后的结果

QR Code生成二维码快速入门相关推荐

最新文章

热门文章