Fabric.js 文本框 fontWeight 属性

在 Fabric.js 中，我们可以使用 fabric.Textbox 生成文本框。文本框有许多属性可以控制，其中之一就是 fontWeight 属性。

fontWeight

fontWeight 属性用于控制文本框中字体的粗细程度。默认值为 normal，可以设置为 bold 或其他数值如 bolder 或 lighter。

var text = new fabric.Textbox('Hello world', {
  fontWeight: 'bold'
});

此外，还可以使用数值来指定字体的粗细程度，数值越大字体越粗。

var text = new fabric.Textbox('Hello world', {
  fontWeight: 800
});

注意事项

需要注意的是，fontWeight 属性的值必须是字符串或数字类型。如果传入其他类型，会被自动转换为字符串类型。

var text = new fabric.Textbox('Hello world', {
  fontWeight: true // 转换为字符串，值为 'true'
});

此外，fontWeight 属性只能控制文本框中的字体粗细程度，而不能设置字体样式。如果需要设置字体样式，可以使用 fontFamily 和 fontStyle 属性。

var text = new fabric.Textbox('Hello world', {
  fontFamily: 'Arial',
  fontStyle: 'italic'
});

总结

fontWeight 属性用于控制 Fabric.js 文本框中字体的粗细程度，可以设置为字符串或数字类型。需要注意的是，fontWeight 属性不能用来设置字体样式，需要使用 fontFamily 和 fontStyle 属性来完成。