「Pretext」纯 JS/TS 多行文本测量与排版库:不碰 DOM 也能算高度

Pretext GitHub 项目页面

Pretext 是 chenglou 开源的纯 JavaScript/TypeScript 文本测量与排版库,主打快速、准确、覆盖多语言场景。它可以在不触发 DOM layout reflow 的情况下,测量多行文本高度并计算换行布局。

传统做法经常依赖 getBoundingClientRect、offsetHeight 等 DOM 测量,这会触发布局回流,在复杂 Web UI 中代价很高。Pretext 则先通过 prepare() 规范化文本、分段、应用规则并缓存宽度,再用 layout() 在热路径里做纯算术计算。

它支持 DOM、Canvas、SVG 渲染方向,README 中还提到未来会支持 server-side。典型场景包括虚拟列表高度预估、masonry/userland layout、按钮文字是否溢出验证、动态内容加载前避免 layout shift 等。

对于前端工程、编辑器、聊天 UI、长列表和 AI 生成界面来说,Pretext 是一个底层但很有用的工具:让文本布局从“浏览器里试一下”变成可预测、可测试、可缓存的计算问题。

传送门

https://github.com/chenglou/pretext

原创文章,如若转载,请注明出处:https://wefound.cc/p/2068.html

(0)
「Mole」安静的 Mac 清理工具:清理、卸载、优化、磁盘分析和状态监控
上一篇 2026年 5月 12日 下午1:28
「Ducky」网络工程师工具箱:SSH、SNMP、端口扫描和安全查询一站式桌面应用
下一篇 2026年 5月 12日 下午1:32

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注