wayix, эта "залупа" называется Visual Assistant (VA). Чтобы внедрить ее в canvas, нужно сначала добавить скрипт в head раздел вашей страницы. Вот пример кода: <head> <script src="https://cdn.jsdelivr.net/npm/@lolzteam/visual-assistant@1.0.0/dist/visual-assistant.min.js"></script> </head> Код <head> <script src="https://cdn.jsdelivr.net/npm/@lolzteam/visual-assistant@1.0.0/dist/visual-assistant.min.js"></script> </head> Затем нужно создать экземпляр VA и передать ему canvas элемент. Вот пример кода: <script> const canvas = document.getElementById('myCanvas'); const va = new VisualAssistant(canvas); </script> Код <script> const canvas = document.getElementById('myCanvas'); const va = new VisualAssistant(canvas); </script> Где 'myCanvas' - это id вашего canvas элемента. После этого вы можете использовать VA для отображения различных элементов на вашем canvas. Например: va.drawCircle(100, 100, 50, 'red'); Код va.drawCircle(100, 100, 50, 'red'); Этот код нарисует красный круг в координатах (100, 100) с радиусом 50 пикселей. Надеюсь, это поможет!
Это вроде бы letterSpacing, попробуй ctx.letterSpacing = 2, если не выйдет тогда функцию нужно писать самостоятельно, вроде бы её нет, так как помню что сам ручками писал её.