Got HTML rendering in canvas working AS IS on all browsers, including iOS Safari - html-in-canvas polyfill - interactions - hover, focus, active, typing etc - css animations - scrolling - caret and text selection - #threejs, #webgl, #webgpu support - dark/light mode Link below

Polyfill and three.js(>r160) integration - Demo -

webxr?

It renders to a canvas so rendering would work that can be used in webxr. For interaction some ui, some raycast might have to be done.

freakin sweet!

this is so cool. the ability to easily do real work with text (and I would imagine, CSS) inside the canvas this way has incredible potential.

Whhhhhhaaat?! Bro, you win. Not sure what (obviously all the cred), but you win. If this is as advertised, that is so incredibly impressive and a fucking gigantic win for the dev community at large. You're a man of the people 🫡

This is pretty mind blowing! Crazy clever

I’ll be trying this out tomorrow!

i just want to see the website bro

Which one bro?

What about performance?

Depends on the complexity, you can try out the link on your device, it's not bad.

I would say not bad, ofc not native as this is html -> svg -> texture, but impressive man!

Isn‘t HTML in Canvas the perfect technology to phish people? 😬

How would that work?

Hm, good question. Thinking more thoroughly, maybe it actually doesn't introduce new attack vectors that already exist.

Impressive work

How do I interact in R3F?