Chrome fusiona el DOM y el canvas: la nueva API HTML-in-Canvas llega a origin trial
The HTML-in-Canvas API origin trial
Durante años los desarrolladores web tuvieron que elegir entre la semántica del DOM y el rendimiento gráfico de <canvas>. La nueva API experimental HTML-in-Canvas, ya en origin trial en Chrome 148 a 150, permite dibujar contenido DOM directamente en un canvas 2D o en una textura WebGL/WebGPU manteniendo la interactividad, la accesibilidad, el find-in-page y la integración con extensiones. Three.js y PlayCanvas ya ofrecen soporte experimental.
La API HTML-in-Canvas es el puente que te da lo mejor de ambos mundos.
- andsoitis
Discusión de hace un año sobre html-in-canvas: https://news.ycombinator.com/item?id=44772177
(116 comentarios)
- artpar
Quería implementar un espacio de trabajo nativo completamente en canvas, empecé con una implementación solo de HTML y un enfoque de "canvas falso", pero incluso para un número moderado de paneles (~50) la capacidad de respuesta caía bastante. Así que opté por una nueva implementación con "canvas real" y resolví los paneles/interacción.
En términos de rendimiento este enfoque funcionó mucho mejor (capaz de manejar fácilmente más de 1000 paneles/paneles anidados a 60+ fps) pero la complejidad se dispara en la implementación de cada panel. Es decir, no puedo simplemente usar, por ejemplo, una biblioteca JS de renderizado de markdown o cualquier componente de UI de terceros. Y con frecuencia hacer un cambio resultaba en una degradación masiva del rendimiento.
Actualmente tengo panel de texto/markdown/imagen/audio/video y pdf (puedes arrastrar y soltar archivos)
Me pregunto si debería intentarlo de nuevo e implementarlo usando la API html-in-canvas. ¿Miedo de que la API no se mantenga si no ven beneficio o uso?
- mrec
Hmm, no queda claro de inmediato cómo esto evita posibles filtraciones de privacidad, como dibujar hipervínculos del DOM en el canvas y luego extraer su color de estado de visitado a partir de los datos de píxeles.
O quizás estoy desactualizado; no he hecho desarrollo web serio desde hace mucho tiempo.
- hollowturtle
Dios, cuánto me gustaría tener una API separada de accesibilidad y maquetación de texto como la que tiene skia y deshacerme del DOM por completo
- chrismorgan
(Mayo de 2026.)
Un montón de comentarios relacionados de esa época: https://news.ycombinator.com/item?id=48201222