HTML5 canvas fillText поля

Question

Есть ли способ добавить какой-либо автоматический запас между двумя или более fillText()?

У меня есть набор fillText(), который меняет каждый фрейм, они становятся длиннее и короче, но я бы хотел, чтобы они имели фиксированное пространство между текстом. Я не знаю, как еще я могу это объяснить. Я создал fiddle, чтобы показать, что я имею в виду.

Пример, если вы посмотрите на счетчик секунд, когда в нем есть только 1 символ, символ «S» длиннее от секунд, чем нужно.

Как бы исправить это? Я довольно новичок в холсте. Заранее спасибо.

Answer 1

Хорошо, поэтому я нашел решение. Я теперь хватаю ширину каждого текстового элемента и использую его, а также еще немного во втором аргументе fillText().

https://jsfiddle.net/9tv44ja5/3/

^ОБНОВЛЕНО решение. Это немного грязный atm., Попытается очистить его позже.