Pretext.js

Pretext.js's 概要

Pretext.js は、DOMに触れずに高速なテキスト計測とレイアウトを行う、純粋なJavaScript/TypeScript対応のライブラリです。prepare()でCanvasを使って一度だけグリフ幅を計測し、その後はlayout()で純粋な算術計算によって即座にレイアウトを求めます。これにより同期的な強制リフロー(forced reflow)を回避できます。1,000ブロックを約2msで処理でき、CJK、アラビア語、ヘブライ語、タイ語、ヒンディー語、韓国語など12以上の文字体系に対応しています。ランタイム依存ゼロ、実際のフォントメトリクス、複数の幅で再利用可能なハンドルを備えています。仮想スクロール、AIチャットの吹き出し、多言語フィード、パフォーマンスが重要なテキスト量の多いUIに最適です。GitHubスターは14k以上です。

Pretext.js's 特徴

• prepare()後のDOM読み取りがゼロ

• Canvas measureText()による実際のフォントメトリクス

• 12以上の文字体系に対応した多言語サポート

• 完全な型を備えたTypeScriptファースト設計

• 複数のコンテナ幅で再利用可能な準備済みハンドル

• ランタイム依存ゼロ

• 即座に結果を得られる純粋な算術レイアウト

• 正確な改行処理と双方向テキストへの対応

Pretext.js's Q&A

Pretext.js's 価格

無料のオープンソースライブラリで、npmで公開されており、ランタイム依存はゼロです。有料プランやサブスクリプションの記載はありません。