QR码是怎么工作的?

原文链接: typefully.com/DanHollick/...

作者:Dan Hollick

你有想过QR码是如何工作的吗?

我也没有想过,但是它真的很低调很迷人~

【警告】这里有一些非常书呆子的东西👇 )

QR码是由丰田的一个子公司发明的,目的是为了在整个制造过程中跟踪零件信息。

之前出现的条形码被证明是不足够的 - 它们只能从特定的角度读取,并且相对于他们的大小来说,并不能储存很多的数据。

那么 QR 码不只解决了这些问题

QR 码最独一无二的地方在于这些正方体,这些正方体被称为"查找器",这些正方体帮助了你的阅读器检测到码的存在。

第四个小的正方体,被称作对齐模式,它是用来定向代码的,使它可以在任何角度呈现,阅读器仍然哪个方向是向上的。

你可能从来都没有注意过,但是每个 QR 码都有这些叫做定时模式的黑白相间的点。

这些黑白相间的点告诉阅读器单个模块有多大以及整个 QR 码有多大 -- 也就是版本。

版本一:最小的。 版本四十:最大的。

关于格式的信息被存在查找器旁边的两个条纹中。

它被存储了两次,所以即使QR码被部分遮挡,它也是可读的。(你会注意到这是一个反复出现的主题。)

它存储了三个重要的信息片段

  1. 掩码(Mask)
  2. 纠错级别
  3. 纠错格式

我知道这听起来很无聊,但是实际上,他还是很有意思的(doge

首先,纠错 - 这是什么玩意?

从本质上讲,它规定了在 QR 码中存储多少冗余信息,以确保即使部分信息丢失也能保持可读。

这真的很酷好吗 - 如果您的代码在户外,您可以选择更高的冗余级别,以确保它在模糊的时候也能正常工作。

试试下面这个二维码

第二个,这个 mask,这个是个什么东西?

首先你需要知道,QR 阅读器在黑色区域和白色区域的数量一样的时候工作的最好。

但是数据可能无法发挥作用,因此使用掩码来平衡。

当掩版应用于QR码时,任何落在掩码暗部的东西都会被反转。

白色区域变成黑色,黑色区域变成白色。

有8种标准模式,一个接一个地应用。使用达到最佳结果的模式,并存储该信息,以便读者可以不应用掩码。

最后呢,就到了我们的实际数据的部分。

奇怪的是,数据从右下角开始,然后像图中那样蜿蜒而上。

从哪开始几乎不重要了,因为它可以从每个角度读取。

这里的第一个信息块告诉读者数据是以什么模式编码的,第二个告诉它长度。

在我们的例子中,每个字符占用8位块,或者称为字节,共有24个字节。

在我们的数据之后还有一些剩余的空间。这是存储纠错信息的地方,以便在部分模糊的情况下可以读取。它的工作方式实际上非常非常复杂,所以我把它省略了。基本上就是这样!

对于制作 QR 码的书呆子来说,一个有意思的事实是: QR码最酷的事情是发明QR码的Denso Wave公司从未行使他们的专利,并且免费发布这项技术!

相关推荐
胡西风_foxww5 分钟前
【es6复习笔记】rest参数(7)
前端·笔记·es6·参数·rest
m0_748254887 分钟前
vue+elementui实现下拉表格多选+搜索+分页+回显+全选2.0
前端·vue.js·elementui
ThisIsClark26 分钟前
【后端面试总结】深入解析进程和线程的区别
java·jvm·面试
星就前端叭1 小时前
【开源】一款基于Vue3 + WebRTC + Node + SRS + FFmpeg搭建的直播间项目
前端·后端·开源·webrtc
m0_748234521 小时前
前端Vue3字体优化三部曲(webFont、font-spider、spa-font-spider-webpack-plugin)
前端·webpack·node.js
Web阿成1 小时前
3.学习webpack配置 尝试打包ts文件
前端·学习·webpack·typescript
噢,我明白了1 小时前
同源策略:为什么XMLHttpRequest不能跨域请求资源?
javascript·跨域
sanguine__2 小时前
APIs-day2
javascript·css·css3
jwensh2 小时前
【Jenkins】Declarative和Scripted两种脚本模式有什么具体的区别
运维·前端·jenkins
关你西红柿子2 小时前
小程序app封装公用顶部筛选区uv-drop-down
前端·javascript·vue.js·小程序·uv