[CLSTR]
API
< Back to situations

Monitor this situation.

[SITUATION] · [QUIET] · [TECHNOLOGY]

2 clusters · 2 sources · 23 days · First seen · Last updated

Chrome HTML-in-Canvas API development

Overview

The HTML-in-Canvas API transitioned from an experimental feature to a stable release in Google Chrome. Initially, the technology required users to manually enable the ‘canvas-draw-element’ flag to allow real-time DOM layout within a canvas, enabling interactive elements like selectable text and clickable links alongside high-performance WebGPU and WebGL effects. This experimental phase saw the launch of Canvas UI, an open-source component library utilizing the API to provide various visual effects.

With the release of Chrome 157, the HTML-in-Canvas API reached stable status. This update allows developers to integrate interactive DOM elements directly within 2D, WebGL, and WebGPU canvas contexts, bridging the gap between GPU-accelerated graphics and standard HTML accessibility. Alongside this API stabilization, Chrome also introduced capabilities to report web vitals for soft navigations, improving performance measurement for single-page applications.

Entities

Google · Chrome · David Haz · Google Chrome · Canvas UI

Timeline

  1. [TECHNOLOGY] 2 sources
    Google Chrome introduces HTML-in-Canvas API and soft navigation web vitals

    Chrome 157 introduces the HTML-in-Canvas API for interactive graphics and begins reporting web vitals for soft navigations in single-page applications.

  2. [TECHNOLOGY] 2 sources
    Canvas UI launches open-source component library using HTML-in-Canvas API

    David Haz has launched Canvas UI, an open-source library using the experimental HTML-in-Canvas API to bring interactive WebGPU and WebGL effects to real DOM content in Chrome.

Sources

blog.sentry.io · frontendfront.com