📜  Fabric.js 文本框 absolutePositioned 属性(1)

📅  最后修改于: 2023-12-03 15:30:43.677000             🧑  作者: Mango

Fabric.js 文本框 absolutePositioned 属性

在Fabric.js中,absolutePositioned属性用于指定文本框的绝对位置,而不是默认的相对位置。这意味着即使文本框在画布上的位置发生变化,其绝对位置也不会改变。

使用方法

要在Fabric.js中使用absolutePositioned属性,请按照以下步骤操作:

  1. 创建一个新的文本框对象:
var text = new fabric.Textbox('Hello world!', {
  left: 100,
  top: 100,
  absolutePositioned: true
});
canvas.add(text);
  1. 设置absolutePositioned属性为true:
text.set('absolutePositioned', true);
属性说明
  • 类型:Boolean
  • 默认值:false
  • 可继承:是
  • 支持动画:否
  • 支持多选:是
注意事项

使用absolutePositioned属性,您的文本框将永远保持在同一位置,不随其他对象位置变化而移动。如果您想让文本框随其他对象一起移动,请勿使用该属性。

代码片段
var text = new fabric.Textbox('Hello world!', {
  left: 100,
  top: 100,
  absolutePositioned: true
});
canvas.add(text);
text.set('absolutePositioned', true);