HTML5 画布填充文本边距

Question

有没有办法在两个或多个fillText() 之间添加某种自动边距？

我有一组fillText()，每帧都在变化，它们变得越来越短，但我希望它们在文本之间有一个固定的空间。我不知道我还能如何解释这一点。我创建了一个fiddle 来表达我的意思。

例如，如果您查看秒计数器，当其中只有 1 个字符时，“S”字符与秒的距离比应有的要长。

我将如何解决这个问题？我对画布很陌生。提前致谢。

Answer 1

好的，所以我找到了解决方案。我现在正在获取每个文本元素的宽度并使用它，再加上fillText() 的第二个参数中的更多内容。

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

^ 更新了解决方案。 atm有点乱，稍后会尝试清理一下。