Fabric.js | triangle borderOpacityWhenMoving 属性

介绍：

borderOpacityWhenMoving 属性是 Fabric.js 中关于三角形对象的一个属性，用于设置三角形对象在移动时边框的不透明度。值为介于 0 到 1 之间的小数，0 表示完全透明，1 表示完全不透明。

使用方法：

可以通过以下代码对三角形对象的 borderOpacityWhenMoving 属性进行设置：

triangle.set({borderOpacityWhenMoving: 0.5});

效果展示：

下面是设置 borderOpacityWhenMoving 属性前后的对比图：

在设置前，三角形对象移动时边框完全不透明，而在设置后，三角形对象移动时边框半透明显示，更加美观。

代码片段：

// 创建三角形对象
var triangle = new fabric.Triangle({
  width: 50,
  height: 50,
  fill: '#f55',
  top: 100,
  left: 100,
  borderColor: '#000',
  borderOpacityWhenMoving: 0.5
});

// 将三角形加入 canvas 中
canvas.add(triangle);

# Fabric.js | triangle borderOpacityWhenMoving 属性

**介绍：**

borderOpacityWhenMoving 属性是 Fabric.js 中关于三角形对象的一个属性，用于设置三角形对象在移动时边框的不透明度。值为介于 0 到 1 之间的小数，0 表示完全透明，1 表示完全不透明。

**使用方法：**

可以通过以下代码对三角形对象的 borderOpacityWhenMoving 属性进行设置：

\`\`\`js
triangle.set({borderOpacityWhenMoving: 0.5});
\`\`\`

**效果展示：**

下面是设置 borderOpacityWhenMoving 属性前后的对比图：

![triangle_before](https://user-images.githubusercontent.com/6141590/123326853-f6b86300-d555-11eb-8468-5c880f006d88.png)

![triangle_after](https://user-images.githubusercontent.com/6141590/123326879-fb7d1700-d555-11eb-8a31-cbeb27b32116.png)

在设置前，三角形对象移动时边框完全不透明，而在设置后，三角形对象移动时边框半透明显示，更加美观。

**代码片段：**

\`\`\`js
// 创建三角形对象
var triangle = new fabric.Triangle({
  width: 50,
  height: 50,
  fill: '#f55',
  top: 100,
  left: 100,
  borderColor: '#000',
  borderOpacityWhenMoving: 0.5
});

// 将三角形加入 canvas 中
canvas.add(triangle);
\`\`\`