如何使画布上的文本“覆盖”同一画布上绘制的线条？答案

【问题标题】：How to make text on canvas "cover" a line drawn on the same canvas?如何使画布上的文本“覆盖”同一画布上绘制的线条？
【发布时间】：2017-01-25 05:23:55
【问题描述】：

我需要在画布上放置文本，然后在文本之后紧跟画布边缘的一行，所以它最终应该看起来像：

|此处的文字：----------|

但由于无法测量文本的确切宽度，我不确定从哪里开始。因此，我只想在整个画布上画一条线，在上面放置文本，但不让线显示在文本下方。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：