javascript - 在 HTML5 Canvas 上使用字体样式

Question

我正在尝试使用动态 JS 库在画布上添加文本。Kinetic JS 提供了setFontStyle()支持字体​​样式的方法。

http://kineticjs.com/docs/symbols/Kinetic.Text.php#setFontStyle

根据文档它支持“正常”、“斜体”或“粗体”。但是，如果我想同时应用粗体和斜体，我该怎么办。我还想在文本下划线。我如何在动力学 JS 中做事。

没有人告诉我吗:'(

Answer 1

就像已经提到的 EliteOctagon 一样，KineticJS 还不支持下划线文本。这主要是由于 html canvas 元素不支持文本修饰（包括下划线）。

添加（多种）字体样式，相对容易。最推荐的方法是在开始时定义它，如下所示：

var text = new Kinetic.Text({
    x: 0,
    y: 0,
    fontSize: 20,
    fontStyle: 'bold italic'
    fill: 'black',
});

如果您需要在其他时间设置不同的字体样式而不是启动，您可以使用setFontStyle()您提到的方法。例如像这样：

var text = new Kinetic.Text();
text.setFontStyle('bold italic');