Of course, this means you can add shaders https://random-stuff.jakearchibald.com/apps/curved-markup/?vhs (again, Chrome Canary with canvas-draw-element flag)

@jaffathecake Holy shitballs that slider at the bottom is cool! Can you still read pixels from the canvas, or does it get tainted? I've been looking for a way to include html content within webgl/webgpu games for so long.

@jaffathecake We make a bunch of web games (https://pelicanparty.games/) and every once in a while we want to render some UI within the world as opposed to as an overlay. Right now the only way to do this is using a 2d canvas, but that's pretty painful to work with. Even something as simple as multi line text is very difficult to do without a third party library. Being able to style and layout the UI using regular CSS would be a complete game changer.

@Jespertheend nice! But it sounds like you don't need pixel read-back in this case? The new API lets you use elements inside the canvas element as textures.

@jaffathecake Ohh it was my understanding that you were calling toDataURL() or toBlob() on the canvas and then passing that on to the WebGL side of things. But after checking the source code just now I see you're literally passing the entire canvas element, I forgot that this was a thing you can do.