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