HTML5 canvas fillText边距

时间:2016-04-05 20:26:34

标签: html5 animation canvas margins

有没有办法在两个或更多fillText()之间添加某种自动保证金?

我有一组fillText()正在改变每一帧,它们变得越来越短,但我希望它们在文本之间有一个固定的空间。我不知道我怎么解释这个。我创建了fiddle以显示我的意思。

例如,如果你看一下秒计数器,当那里只有一个字符时,'S'字符离秒数要比它应该的长。

我该如何解决这个问题?我对画布很新。提前谢谢。

1 个答案:

答案 0 :(得分:0)

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

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

^更新了解决方案。它有点凌乱,稍后会尝试清理它。