How to draw letters using circles in a canvas element

I have HTML div elements with some css as a custom web component that resembles a functioning LED (just a div with a fixed width, height en border-radius). But I want to draw letters using these element.

Situation: user types in text in textinput, using jquery/vanilla js I can recreate the text using the custom WC.

I suppose a canvas element is the best way to do this? But how can I replace the stroke with a repetition of my custom component?

Thanks!