HTML5 Canvas 填充文本边距

标签 html animation canvas margins

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

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

例如,如果您查看秒计数器,当那里只有 1 个字符时,“S”字符与秒的距离超出了应有的距离。

我该如何解决这个问题?我对 Canvas 很陌生。提前致谢。

最佳答案

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

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

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

关于HTML5 Canvas 填充文本边距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36436381/

相关文章:

ios - 在 Animation 中减慢 UIView 动画

javascript - Canvas 填充页面宽度和高度

java - 如何获得 Canvas 的确切位置(Java)

javascript - AJAX上传文件为什么要用FormData?

javascript - CSS 有效但不能动态应用

Jquery Logo 动画插入

objective-c - Sprite 效应ipad

javascript - 在播放时调整 EaselJS 动画的大小,而不会减慢浏览器速度

python - App Engine python 中的 HTML 到 PDF 转换

html - 如何在html文档中连接字符串