I
Measurement
Pretext / Pretexify
在文字真正渲染前预测行数与高度，适合 AI 流式回答、折叠展开、虚拟列表与页边注释预排。
0 lines
0 px
Ars Typographica
古魔法书里的文字渲染术
卑鄙是卑鄙者的通行证，高尚是高尚者的墓志铭。
北岛《回答》节选
II
Canvas Layout
canvas-txt / Konva / Fabric
把文字放进一个固定矩形盒子里自动换行、对齐和绘制，适合可拖拽书页、画布编辑器和批注对象。
III
Line Breaking
css-line-break / tex-linebreak
决定文字在哪里断开：普通网页多用贪心换行，书籍和诗性排版会更关心整体节奏与行长平衡。
IV
Glyph Metrics
opentype.js / fontkit
进入字形内部：baseline、ascender、descender、glyph box 都可以被读取，适合做文字变形和符文动画。
V
SDF / WebGL
troika-three-text
把文字变成可缩放、发光、进入 3D 场景的材质。适合书页上浮起的标题、咒语和空间文字。
VERBA VIVUNT
VI
Motion Text
GSAP / SplitType / Motion
在已经排好的文字上施法：逐字显影、scramble 解码、墨水浮现、页边注释生长。