在HTML5 Canvas上使用字体样式

Question

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

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

根据文档它支持'normal'，'italic'或'bold'。 但是如果我想立刻应用粗体和斜体，我会怎么做。另外，我想强调文字。我怎么能在动力学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');