DOM 없이 텍스트 크기를 측정하는 초고속 레이아웃 엔진 Pretext
Infrastructure·TypeScript2 / 0
브라우저의 DOM 리플로우 없이 순수 JavaScript/TypeScript만으로 다국어 텍스트의 크기 측정과 레이아웃을 처리하는 고성능 라이브러리이다.
주요 기능
- DOM 리플로우를 유발하는 API 호출 없이 텍스트의 높이와 줄 수를 즉각적으로 계산한다
- Canvas, SVG, WebGL 등 다양한 렌더링 타겟에 맞춘 정밀한 라인별 레이아웃 데이터를 생성한다
- 다양한 언어와 공백 처리 규칙, 줄 바꿈 정책을 반영하여 정확한 텍스트 배치를 수행한다
- Rich-text 인라인 흐름 헬퍼를 통해 멘션이나 칩 형태의 복잡한 UI 요소를 레이아웃에 통합한다
어떻게 동작하는가
prepare 단계에서 텍스트를 세그먼트로 분리하고 폰트 엔진으로 너비를 측정하여 캐싱한 뒤, layout 단계에서 이 데이터를 활용해 순수 산술 연산으로 줄 바꿈과 높이를 결정한다.
41.8k
Stars
2.2k
Forks
+639
Trending
2
조회수
41.8k watchers63 open issues
관련 토론
아직 관련 토론이 없습니다.
댓글
댓글을 작성하려면 로그인이 필요합니다.