一物一码（1）: 二维码基础，以及js encode/decode QRCode纯前端实现

维码应用:一物一码【合集】

(1) 二维码基础，以及js encode/decode QRCode纯前端实现
(2) 一物一码之【红包那点事】
(3) 一物一码之【精准营销】
(4) 一物一码之【得用户者得天下，打造属于企业自己的私域流量】
(5) 一物一码之【开展一物一码营销活动基本流程1】
(6) 一物一码之【开展一物一码营销活动基本流程2，设计开发部署，生产包装，活动上线】
(7) 一物一码之 【使用一物一码做经销商和终端门店促销返利】

二维码简介

二维码本质上是文本信息的一种点阵图形表示。任何文本字符串进行二进制0-1编码后，按照特定规则排放到方形点阵图形上，其中黑点表示1，白点表示0，如此便可“编码”出一个二维码图形。当然还有必不可少的冗余容错机制。

二维码的实际应用中，一个二维码通常用来编码一串URL。URL本身就是互联网世界的大门，随着智能手机普及和“扫一扫”的流行，二维码天然成为移动互联网的绝佳入口。

注意，文本信息越长，编码后二维码点阵中点的数量就越多，识别起来就相对会困难些。作为一物一码来讲，为了便于“扫一扫”软件的识别，比较理想的URL长度应≤32字节。

编码(encode)

在纯前端实现上，jquery.qrcode.js以及很多前端开发框架都集成了二维码编码的功能。二维码图形在HTML页面上的呈现通常有2中做法：

• HTML table实现，每个table-cell表示二维码点阵中一个点
• 在HTML canvas上面画出黑白的点阵

解码(decode)

根据一张包含二维码的图片识别出二维码中的文本信息。解码的算法在很多后端语言都有相应的实现，前端js版本请参考GitHub：LazarSoft/jsqrcode。

某一物一码官网也有二维码解码功能，具体可查看http://www.jixiangma.cn/?page=tool。

注：没有上传图片的过程的，整个解码过程在浏览器前端完成。

解码的js调用类似下面的样子：

qrcode.decode(imageFile, function(codeText) {
    console.log(codeText);
});

推荐一篇公众号文章 老胡说:一物一码 开篇【二维码基础】

文章详细解读了如下内容:
1）二维码是什么东西
2）二维码为什么可以唯一标示商品，做为商品的身份证
3）二维码的字符串组成方式，长度限制
4）二维码为什么被普遍应用（由于它的容错性非常好）

↓↓↓更多一物一码行业应用的资讯↓↓↓

【公众号】老胡说:一物一码