O futuro da web é estranhamente humano

O HTML-in-Canvas não é só mais uma API gráfica: é a primeira vez que o navegador permite desenhar conteúdo DOM *vivo*, com foco, seleção de texto, eventos de mouse e acessibilidade nativa, diretamente em um canvas 2D ou como textura WebGL/WebGPU, sem perder nenhuma funcionalidade. Diferente de soluções anteriores como html2canvas, que geravam imagens estáticas e quebravam interatividade, essa API usa o próprio compositor do Chrome para renderizar conteúdo HTML em tempo real, com suporte completo a CSS moderno (flexbox, backdrop-filter, animações) e atualizações a 60fps. Ela resolve um dilema antigo: escolher entre a riqueza semântica do DOM ou o controle visual do canvas. Agora, você pode ter os dois, e ainda exportar esse conteúdo como vídeo ou aplicar shaders 3D sobre formulários reais.

Isso muda o jogo para interfaces que precisam de profundidade visual sem abrir mão da web como plataforma: painéis de controle em cenas 3D, transições de página que dobram como papel, visualizações de dados com legendas acessíveis e editáveis, ou até UIs de jogos construídas inteiramente com HTML e CSS, mas integradas a motores gráficos. A API já está disponível no Chrome Canary 149+ e Brave Stable (Chromium 147+), via flag chrome://flags/#canvas-draw-element, e em origin trial até o Chrome 150.

Na cobertura anterior do CEVIU sobre a 'Web Agentic' (2026-05-22), o Chrome anunciou a visão de agentes de IA com mais autonomia, mas sem detalhar como o conteúdo renderizado fora do DOM tradicional poderia ser lido por eles. Agora, com o HTML-in-Canvas, isso virou realidade: o texto renderizado em canvas passa a ser indexável por agentes de IA e rastreadores, graças à exposição direta na árvore de acessibilidade, algo que rumores do I/O 2026 sugeriam, mas só agora foi entregue em código testável. Também evoluiu o conceito de 'Interfaces Plásticas' (2026-05-25): antes, maleabilidade significava trocar componentes; agora, significa deformar, rotacionar e integrar elementos DOM em ambientes 3D sem perder funcionalidade.

Desenvolvedores deixam de ter que escolher entre performance gráfica e acessibilidade. Designers ganham liberdade para criar experiências visuais complexas sem abandonar padrões web, e sem depender de bibliotecas pesadas ou renderização manual de texto. Para empresas, isso reduz custos de manutenção: um único componente HTML pode ser usado tanto em uma página tradicional quanto em uma cena WebGPU, com o mesmo comportamento e acessibilidade. E para usuários, significa interfaces mais imersivas que não sacrificam usabilidade, como um formulário flutuando em 3D que ainda aceita tabulação, leitura por leitores de tela e copiar/colar nativamente.