https://blog.deltastudio.space/en/categories/canvas/Recent content in Canvas on Feynman's BlogHugoen-USWed, 02 Sep 2026 10:00:00 +0800https://blog.deltastudio.space/en/posts/html-in-canvas-exploration/Wed, 02 Sep 2026 10:00:00 +0800https://blog.deltastudio.space/en/posts/html-in-canvas-exploration/<blockquote class="blockquote-regular"> <p>HTML-in-Canvas is a Web standard proposal incubated at WICG by the Chrome team — turning <code>&lt;canvas&gt;</code> children from &ldquo;invisible fallback content&rdquo; into &ldquo;layoutable, drawable, interactive offscreen HTML layers.&rdquo; This means DOM becomes a first-class citizen of the GPU rendering pipeline for the first time.</p> </blockquote> <p><img src="https://blog.deltastudio.space/images/2026-09-02_html-in-canvas/beam-color-switch.gif" alt="HTML-in-Canvas lighting demo: adjusting the beam angle and cycling preset colors"></p> <h2 id="01-proposal-background">01 Proposal Background</h2> <h3 id="what-is-it">What is it?</h3> <p>The core problem HTML-in-Canvas solves: <strong>render real HTML elements inside Canvas (2D or WebGL/WebGPU), and those elements are &ldquo;alive&rdquo; — typeable, interactive, accessible.</strong></p>