BitmapText.js - Demos & Examples

Pixel-perfect bitmap text rendering for HTML5 Canvas

Production Bundle Demos 32KB

These demos use the minified runtime bundle (single 32KB file) for optimal production performance.

Minimal example showing basic usage with production bundle

Shows text rendering at multiple font sizes (18, 18.5, 19) with production bundle

Comprehensive interactive comparison of all baseline × alignment combinations with production bundle

Full test suite and visual verification with production bundle

Demonstrates interpolated metrics for font sizes < 9px with production bundle

These demos load individual source files (17 separate files) for easier debugging and development.

Minimal example showing basic usage with individual source files

Shows text rendering at multiple font sizes with individual source files

Shows how BitmapText ignores context transforms (translate, scale, rotate)

Comprehensive interactive comparison of all baseline × alignment combinations (36 demos: 6 baselines × 3 alignments × 2 implementations)

Full test suite and visual verification with individual source files

Demonstrates interpolated metrics for font sizes < 9px with individual source files

Comprehensive performance testing comparing BitmapText.js vs HTML5 Canvas with progressive FPS testing and detailed reports.

Progressive FPS testing with 17 individual source files - measures peak rendering capacity at 60fps

Progressive FPS testing with production bundle - compares bundled vs unbundled performance

measureText() performance testing with 17 individual source files - text length scaling, kerning overhead, and Canvas comparison

measureText() performance testing with production bundle - validates O(n) scaling and kerning costs

Generate bitmap font assets from system fonts - exports metrics + atlas images

Test HTML5 Canvas fillText() behavior at very small font sizes (0.5-5px) with crisp rendering and bounding box visualization

Test all status reporting scenarios and error handling

Visualize text measurements, baselines, and font metrics