Relative Content

Tag Archive for htmlvue.jsvuejs3html5-canvas

How do I render Vue components inside an HTML 5 canvas?

At the moment, I am working on a Vue 3 (Composition API) + Typescript. This project is supposed to simulate a football game. I use an HTML 5 canvas to draw the field, the lines and the ball. However, I don’t want the players to simply be a bunch of colored circles, I need them to be actual Vue components with state and “onClick” events.
How could I achieve this?