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公司从未行使他们的专利,并且免费发布这项技术!

相关推荐
ZC跨境爬虫8 分钟前
跟着 MDN 学 HTML day_38:(DocumentFragment 文档片段接口详解)
前端·javascript·ui·html·音视频
@大迁世界1 小时前
41.ShadCN 是什么?它如何和 Tailwind CSS 集成,从而更容易构建可访问且可自定义的 React 组件?
前端·javascript·css·react.js·前端框架
千叶风行2 小时前
Text-to-SQL 技术设计与注意事项
前端·人工智能·后端
软件开发技术深度爱好者2 小时前
HTML5+JavaScript读取DOCX 文档完整内容
前端·html5
幽络源小助理2 小时前
苹果CMS V10 MXPro V4.5模版下载, 自适应视频主题源码, 幽络源源码
前端·开源·源码·php源码
kyriewen3 小时前
坏了,黑客学会用AI写外挂了
前端·程序员·ai编程
xiangxiongfly9153 小时前
Vue3 根据角色权限动态加载路由
前端·javascript·vue.js·动态加载路由
达达尼昂3 小时前
Claude 多 Agent 系统:从零搭建一个 4 Agent 团队
前端·架构·ai编程
MonkeyKing71554 小时前
iOS 开发基础架构与运行机制(面试高频考点)
ios·面试
费曼学习法4 小时前
React 18 并发模式(Concurrent Mode):Fiber 架构的终极进化
javascript·react.js