Fabric.js 文本框 includeDefaultValues 属性

概述

在 Fabric.js 中，文本框是一个用于显示简单文本的基本组件。文本框组件在创建时可以通过 includeDefaultValues 属性来决定是否自动包含文本的默认属性。

属性值

该属性的可选值及其含义如下：

• true: 默认值，表示创建文本框时包含默认属性，包括水平对齐方式、垂直对齐方式、颜色、大小、字体等。
• false: 创建文本框时不包含任何默认属性，需要手动设置对齐方式、颜色、大小、字体等。

语法

var text = new fabric.Textbox('Hello, world!', {
  includeDefaultValues: true // 或 false
});

示例

var canvas = new fabric.Canvas('canvas');

// 创建一个默认文本框，自动包含默认颜色、对齐方式等属性
var textWithDefaults = new fabric.Textbox('Hello, world!', {
    left: 50,
    top: 50,
    width: 150,
    height: 100,
    includeDefaultValues: true
});
canvas.add(textWithDefaults);

// 创建一个不包含默认属性的文本框，需要手动设置样式和对齐方式等
var textWithoutDefaults = new fabric.Textbox('Hello, world!', {
    left: 250,
    top: 50,
    width: 150,
    height: 100,
    includeDefaultValues: false,
    textAlign: 'right',
    fill: 'red',
    fontSize: 30
});
canvas.add(textWithoutDefaults);

注意事项

如果选择不包含默认属性，需要手动设置颜色、对齐方式等属性，否则将使用默认属性。

参考文献

• Fabric.js 官方文档