我正在尝试使用动态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');

关于javascript - 在HTML5 Canvas 上使用字体样式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14535700/

10-08 21:12