2022-06-15 来源：华纳网 责任编辑：谷雨 人气：
核心提示：知识点： H5中直接生成二维码

知识点：

H5中直接生成二维码
 

本课内容：

大家好，欢迎来到谷雨课堂，

 

二维码的使用真是太广泛了，

以往我们进行程序开发时，

如果需要展示二维码，

通常都是在服务端生成一张图片，

 

由前端显示出来，
 

 

那么今天，

我们使用H5在前端直接生成二维码，

这样我们就可以省掉通讯的步骤，

 

以下是全部的源代码，

开箱即用

  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
<!DOCTYPE html><html><head><title>No.20 在H5中直接生成二维码</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><script src="./js/index.js"></script><script>function gen_qrcode(){var qrnode = new AraleQRCode({render: 'canvas',correctLevel: 0,text: 'http://www.worldwarner.com',size: 300,background: '#fff',foreground: '#000',pdground: '#000',imageSize : 100    });document.getElementById('qrcodeCanvas').appendChild(qrnode);}   </script></head><body><div id="qrcodeCanvas"></div><div onclick="gen_qrcode()">生成二维码</div></body></html>

 

生成二维码的原理，

是按二维码的规则，

在H5的画布里直接画出来，

 

扩展阅读（关于二维码）

在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，

使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理。

 

在许多种类的二维条码中，常用的码制有：Data Matrix、MaxiCode、Aztec、QR Code、Vericode、PDF417、Ultracode、Code 49、Code 16K等，QR Code码是1994年由日本DW公司发明。QR来自英文「Quick Response」的缩写，即快速反应的意思，源自发明者希望QR码可让其内容快速被解码。

 

 

每种码制有其特定的字符集；每个字符占有一定的宽度；具有一定的校验功能等。同时还具有对不同行的信息自动识别功能及处理图形旋转变化等特点。

二维码是一种比一维码更高级的条码格式。

一维码只能在一个方向（一般是水平方向）上表达信息，而二维码在水平和垂直方向都可以存储信息。

一维码只能由数字和字母组成，而二维码能存储汉字、数字和图片等信息，因此二维码的应用领域要广得多。

二维条码/二维码可以分为堆叠式/行排式二维条码和矩阵式二维条码。堆叠式/行排式二维条码形态上是由多行短截的一维条码堆叠而成；矩阵式二维条码以矩阵的形式组成，在矩阵相应元素位置上用“点”表示二进制“1”， 用“空”表示二进制“0”，“点”和“空”的排列组成代码。[3]  二维码的原理可以从矩阵式二维码的原理和行列式二维码的原理来讲述。

 

 

堆叠式/行排式二维条码又称堆积式二维条码或层排式二维条码），其编码原理是建立在一维条码基础之上，按需要堆积成二行或多行。它在编码设计、校验原理、识读方式等方面继承了一维条码的一些特点，识读设备与条码印刷与一维条码技术兼容。但由于行数的增加，需要对行进行判定，其译码算法与软件也不完全相同于一维条码。有代表性的行排式二维条码有：Code 16K、Code 49、PDF417、MicroPDF417 等。

 

 

矩阵式二维条码（又称棋盘式二维条码）它是在一个矩形空间通过黑、白像素在矩阵中的不同分布进行编码。在矩阵相应元素位置上，用点（方点、圆点或其他形状）的出现表示二进制“1”，点的不出现表示二进制的“0”，点的排列组合确定了矩阵式二维条码所代表的意义。矩阵式二维条码是建立在计算机图像处理技术、组合编码原理等基础上的一种新型图形符号自动识读处理码制。具有代表性的矩阵式二维条码有：Code One、MaxiCode、QR Code、 Data Matrix、Han Xin Code、Grid Matrix 等。

 

常用的码制有：PDF417二维条码、Datamatrix二维条码、QR Code、Code 49、Code 16K、Code one等，除了这些常见的二维条码之外，还有Vericode条码、Maxicode条码、CP条码、Codablock F条码、田字码、 Ultracode条码及Aztec条码。

 

 

完整的源代码可以登录【华纳网】下载。

https://www.worldwarner.com/






 





免责声明：本文仅代表作者个人观点，与华纳网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
精彩推荐