Fabric.js 文本 borderOpacityWhenMoving 属性

在 Fabric.js 中，文本对象有一个名为 borderOpacityWhenMoving 的属性。该属性确定了当用户移动文本对象时，边框的透明度变化程度。默认情况下，该属性被设置为1，即当用户移动文本对象时，边框透明度不变。但是我们可以通过修改该属性来控制文本对象边框的透明度变化。下面我们来看一下如何在代码中使用该属性。

使用方法

在创建文本对象时，可以通过传递一个 options 对象来设置 borderOpacityWhenMoving 属性。例如，我们可以将 borderOpacityWhenMoving 设置为 0.5，如下所示：

var text = new fabric.Text('Hello World', {
  left: 100,
  top: 100,
  fontSize: 30,
  fill: 'red',
  borderOpacityWhenMoving: 0.5
});

在上面的代码中，我们创建了一个文本对象并将 borderOpacityWhenMoving 设置为 0.5。这意味着当用户移动文本对象时，其边框的透明度会降至 50%。

注意事项

需要注意的是，当用户移动文本对象时，该属性仅影响边框的透明度。文本对象本身的透明度并不会受到该属性的影响。

总结

Fabric.js 中的文本对象提供了 borderOpacityWhenMoving 属性，可以控制文本对象边框的透明度变化程度。通过修改该属性，我们可以让文本对象在移动时更具有视觉效果。