Chrome Launches Origin Trial for HTML-in-Canvas API

In May 2026, Google launched an origin trial for the experimental "HTML-in-Canvas API," which can render real HTML/DOM inside a <canvas> element. Available in Chrome 148–150, it is drawing attention as a "bridge" that combines Canvas's low-level graphics with the interactivity and accessibility of the DOM.

What Happened

Around May 19, 2026, the Chrome for Developers official blog announced the start of the origin trial for the HTML-in-Canvas API. It targets Chrome 148–150, with Canary 149 or later recommended.

This API places actual HTML/DOM content inside a <canvas> element and synchronizes it with Canvas drawing (2D/WebGL/WebGPU), enabling the use of low-level graphics while preserving interactivity, accessibility, and browser integration features. The implementation can be enabled via the Chromium flag chrome://flags/#canvas-draw-element, and it has been confirmed working in Chrome Canary, Brave Stable, and others.

The specification is published and being updated as an explainer on the WICG (Web Incubator Community Group) GitHub, and it is also registered on Chromestatus. Key primitives provided include the layoutsubtree attribute that makes child elements subject to layout and hit testing, drawElementImage() (2D) / texElementImage2D() (WebGL) / copyElementImageToTexture() (WebGPU), and a paint event that fires when child elements change.

It was also introduced at Google I/O 2026 by Thomas Nattestad and others, and libraries such as Three.js and PlayCanvas have added experimental support.

Background and Significance