使用字体样式上的HTML5画布(Use Font Style on HTML5 Canvas)

2019-10-17 15:10发布

我试图使用动态JS库在画布上添加文字。动力学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');

文章来源: Use Font Style on HTML5 Canvas

Answer 1: