在 HTML5 画布上使用字体样式

Use Font Style on HTML5 Canvas

本文关键字：字体 样式 HTML5      更新时间：2023-09-26

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

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

根据文档，它支持"正常"，"斜体"或"粗体"。但是，如果我想同时应用粗体和斜体，我会怎么做。我还想在案文上加下划线。我如何在动力学 JS 中做。

没有人告诉我：'（

就像已经提到的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');
相关文章：