如何在画布上“覆盖”在同一画布上绘制的线条?

时间:2017-01-24 21:15:58

标签: javascript html5 canvas

我需要在画布上放置文本,然后在文本后立即将一行放到画布的边缘,这样它最终应该看起来像:

|文字在这里:---------- |

但是无法测量文本的确切宽度,我不确定从哪里开始这条线。因此,我想在整个画布上画一条线,在它上面放置文字,但不要在文字下面显示这条线。

1 个答案:

答案 0 :(得分:1)

我最终能够使用以下方法轻松测量文本的宽度:

ctx.measureText("Text Here:").width;