Pretext Playground
Type text, drag the width slider — watch it lay out on Canvas without touching the DOM.
Container Width
400px
Text Input
Pretext 是一個純 TypeScript 的文字測量引擎。它可以在完全不碰 DOM 的情況下，精確計算文字的排版結果。 This means you can render text on Canvas, WebGL, or any surface — with pixel-perfect line breaking, just like the browser would do it. 🚀
Chinese
English
Mixed
Emoji
Code-like
Font
Helvetica Neue
Georgia
Courier New
Arial
Times New Roman
Line Height
Measurements
Height
0
px
Lines
0
Widest Line
0
px
Shrink Width
0
px
Line Breakdown