HTML5 canvas 填充文本边距

Question

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

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

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

我该如何解决这个问题？我是 canvas 的新手。提前致谢。

Answer 1

好的，所以我找到了解决方案。我现在获取每个文本元素的宽度并使用它，再加上 fillText().

的第二个参数

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

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