Mastodon Feed: Post

Boosted by slightlyoff@toot.cafe ("Alex Russell"):
jaffathecake ("Jake Archibald") wrote:

I've been playing around with Chrome's experimental HTML-in-Canvas API (I use it to create my videos), and I wanted to see if I could make text-selection work on a curved surface by moving the underlying element around on pointermove. It works pretty well!

Live demo: https://random-stuff.jakearchibald.com/apps/curved-markup/ (needs Chrome Canary with the canvas-draw-element flag.

Source: https://github.com/jakearchibald/random-stuff/blob/main/apps/curved-markup/src/App/index.tsx#L113

Attachments:

• gifv: Some HTML mapped across a spherical-like object. Although the content is curved, text-selection and clicking links works fine.