The web is fun again: first experiments with HTML in <canvas>

Distorted, color-shifted: “The Web Is Fun Again: First Experiments with HTML in Canvas” title, form with name and Submit button, “Move your mouse across the page to see the effect in action.” text.

Amit Sheen explores the experimental Canvas Draw Element API behind the flag in Chrome 146, which renders native HTML into a <canvas> while keeping semantics, forms, and interactions intact. Using the layoutsubtree attribute and drawElementImage(), he walks through transform sync, pixel manipulation for color and distortion effects, mouse-driven ripples, and WebGL shaders.

frontendmasters.com/blog/the-web-is-fun-again-first-experiments-with-html-in-canvas