Fabric.js | 圆形边框 OpacityWhenMoving 属性

在 Fabric.js 中，当使用者们移动一个圆形对象时，可能会想调整它的透明度。这可以通过使用 OpacityWhenMoving 属性来实现。

设置圆形边框透明度

要设置圆形边框的透明度，可以像下面这样使用 OpacityWhenMoving 属性。

var circle = new fabric.Circle({
    radius: 50,
    stroke: 'red',
    strokeWidth: 4,
    opacityWhenMoving: 0.5,
});

canvas.add(circle);

这里，我们设置圆形对象 circle 的 opacityWhenMoving 属性为 0.5。因此，当该圆形对象被移动时，其透明度会变为 0.5。

注意事项

• opacityWhenMoving 属性只在将对象移动时才会起作用。
• opacityWhenMoving 属性的值必须在 0 到 1 之间。
• 要禁用该属性，只需将其设置为 null 即可。

结论

通过使用 OpacityWhenMoving 属性，我们可以轻松地调整 Fabric.js 圆形边框的透明度。这对于改善用户体验和设计细节非常有用。