相关疑难解决方法(0)

我正在使用HTML5 canvas API来显示一些字符串(canvas.fillText),我想知道是否可以使用canvas api进行文本修饰(如下划线,删除线等).不幸的是我没有发现这一点.我找到的唯一解决方案是使用画布绘图api手动进行装饰(我的意思是,明确地绘制一条水平线,例如,模仿'下划线'装饰).是否可以使用canvas文本api？

谢谢Patrick

我在 HTML5 中使用 Canvas API 时遇到一个小问题。我有一个文本，必须在 html 页面的画布上显示。

文本示例可以是“这是一个斜体单词”。所以我要做的就是显示从数据库中获取的文本，但只将句子中的一个单词设为斜体。所以我必须像这样显示文本：

“这是一个斜体字”

所以我的代码如下所示：

var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');

//text
context.fillStyle  = "#000000";
context.font = "20px Sans-Serif";
context.textBaseline = "top";
context.fillText  ("This is an ", 195, 80 );

context.font = "italic 20px Sans-Serif";
context.fillText  ("Italic", 285, 80 );
context.font = "20px Sans-Serif";
context.fillText  ("text", 330, 80 );

所以这段代码实际上并不是动态的，我一直都知道正确的像素从哪里开始句子的其余部分。有人知道如何动态且干净地解决这个问题吗？