HTML5 Canvas fillText() at Very Small Font Sizes (0.5-12px)

(High-DPI Simulation)

This demo tests how the standard HTML5 Canvas fillText() method handles extremely small font sizes at different pixel densities. Each size shows:

Test text: "The quick brown fox jumps over the lazy dog"
Pixel Density: Simulates high-DPI rendering (1x = standard, 2x = Retina, 4x = ultra-high-DPI)
Visualization: Red bounding box from actualBoundingBox metrics, red X at anchor point

← Back to Demos Index