使用HTML5 Canvas Text API是否可以绘制文本装饰（下划线等？）>

Question

我正在使用HTML5 canvas API来显示一些字符串（canvas.fillText），并且我想知道是否可以使用canvas api进行文本修饰（例如下划线，删除线等）。不幸的是，我对此一无所获。我发现的唯一解决方案是使用画布绘制API手动进行装饰（我的意思是，例如，明确绘制一条水平线以模仿“下划线”装饰）。使用canvas文本api有可能吗？

谢谢帕特里克

我正在使用HTML5 canvas API来显示一些字符串（canvas.fillText），并且我想知道是否可以使用canvas api进行文本修饰（例如下划线，删除线等）。 ...

Answer 1

它无法使用内置方法，但这是我在阅读本文的基础上成功使用的简化功能。 http://scriptstock.wordpress.com/2012/06/12/html5-canvas-text-underline-workaround/

Answer 2

Patrick，您可以像这样使用fillRect轻松地做到这一点：

Answer 3

很抱歉，答案是'no

Answer 4

我创建了Mulhoon代码的替代版本。我还考虑了文本基线。