Pretext: 纯 TypeScript 文本测量引擎 解锁了 30 年来 Web 做不到的排版问题前 React 核心团队成员、ReasonML 作者、现 Midjourney 工程师 Cheng Lou 开源了 Pretext，一个纯 TypeScript 写的文本测量和排版库。能让你不用真的把文字放到网页上，就能提前知道文字会占多大空间。先打个比方。你装修房子，买了一个书架，想知道放在客厅那面墙能不能放得下。正常人会拿尺子量一下墙的宽度和书架的宽度，对比一下就知道了。但浏览器不是这么干的。浏览器的做法是：把书架搬过去，塞进客厅，然后看看放不放得下。放不下？搬走，换个位置再塞一次。每次你想知道"放不放得下"，它就搬一次家具。这就是为什么网页有时候会"闪"一下，聊天列表滑着滑着会"跳"一下。浏览器在反复搬家具。Pretext 做的事情就是给浏览器一把尺子。量一下就知道了，不用搬。它用纯数学计算文字的高度和行数，不需要真的把文字放到网页上去排版。500 段文字的计算只要 0.09 毫秒，比浏览器"搬家具"快几百倍。

用 Claude Code + Codex 跑了几周，让 AI 对着浏览器真实渲染反复迭代，搞出一个几 KB 的纯 TypeScript 文本测量引擎。解决的是前端一个老大难：页面上的文字要显示出来，浏览器必须算每段文字多宽 、哪里换行、下面的内容往哪挪。每次窗口拖动或内容变化，都得重新算一遍，这个过程（reflow）很慢且开发者没法控制。他绕过了浏览器，自己算。快 500 倍。视频里十万个文本框 120 帧丝滑滚动，传统方式会直接卡死。最有意思的是方法论：不是人手写算法，是把浏览器渲染结果当答案喂给 AI，让AI 自己迭代到精确。用 AI 造工具，让 UI 在 AI 时代能做更复杂的事。这个循环转起来了。

Texture in Art — Definition, Examples & Types Explained

Texture in Art: Definition, Examples and Ideas