The Future of the Web
Pixels Meet the DOM

For the first time, browsers can render full HTML and CSS directly into a canvas bitmap. This unlocks visual effects that were previously impossible — from particle explosions to shader pipelines, all driven by real DOM content.

HTML-in-Canvas Creative Coding Web Standards
spec v1.0
drawElementImage() Shipped

Render any DOM element into a canvas context with full CSS fidelity. No screenshots, no hacks — native pixel access to live HTML.

  • ✓
    Pixel-perfect HTML rendering into 2D and WebGL contexts
  • ✓
    Full getImageData() access for post-processing effects
  • ✓
    Compositing with other canvas draw calls and shaders
// Render HTML into canvas
ctx.drawElementImage(el, 0, 0, w, h);
Showing layout A — ready to morph