kineticjs - 有没有办法在 Kinetic.Text (KineticJS) 中设置字体粗细？

Question

有没有办法在 KineticJS 的 Text 对象中设置字体粗细？

这是示例代码：

  var myText = new Kinetic.Text(
  {
    x: 350,
    y: 50,
    text: 'OK',
    fontSize: 18,
    fontFamily: 'Verdana',
    fill: 'white'
  });

我希望字体粗细为 100 或 200，而不是默认值 (400)。在文档中找不到 fontWeight 属性，我尝试了以下但没有成功：

• 使用 fontStyle 属性（它可以让您指定粗体、正常、斜体）
• 设置 id 属性并尝试通过 CSS 设置字体粗细。

感谢您的任何提示。

Answer 1

使用 fontStyle 属性（提示：值必须是字符串——不是数字）：

var myText = new Kinetic.Text({
    x:100,
    y:100,
    text:"Hello World!",
    fill: 'red',
    fontFamily:"Calibri",
    fontSize:18,
    fontStyle:"100"
});