极客实验室：Pretext 流体文字避障演示
基于 @chenglou/pretext 文本排版引擎构建的 Canvas 60FPS 实时避障流动文字体验。
传统的网页文本排版深度绑定在 DOM 树中。如果尝试在动画的每一帧中改变文本换行并测量高度，会触发灾难级的浏览器强制重排（Layout Reflow），造成严重的卡顿与掉帧。
下面的交互实验基于 @chenglou/pretext 实现。它将文字排版彻底解耦为纯数学算术推导，在 Canvas 画布中实现在每一帧（16.6ms）内以微秒级延迟动态排布文本，让文字像流水般实时绕过障碍物：
60 FPS排版延迟: 0.00 ms
移动鼠标或触摸拖动球体
为什么能这么快？
- 分离测量与计算（
prepareWithSegments）：仅在初始化时做一次轻量字宽提取并建立索引，耗时约 2ms。 - 每行自适应宽度推导（
layoutNextLineRange）：在每帧绘制时，根据当前行 Y 坐标与障碍物的几何相交实时计算可用宽度，通过纯算术求解文字折断点，单行计算仅耗时 0.0002 毫秒。 - 零 DOM 回流损耗：完全脱离 DOM，无论怎样快速移动障碍物，主线程永远保持绿色的满帧运行。