
在本教程中,我们将学习如何使用 FabricJS 设置矩形的不透明度。 矩形是 FabricJS 提供的各种形状之一。为了创建一个 矩形,我们必须创建一个 Fabric.Rect 类的实例并将其添加到
我们可以通过添加填充颜色来自定义矩形对象,消除其边框,甚至更改其尺寸。同样,我们也可以使用 opacity 属性来更改其不透明度。
语法
new fabric.Rect({ opacity: Number }: Object)参数
选项(可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义。使用此参数,可以更改与不透明度为属性的对象相关的颜色、光标、边框宽度和许多其他属性等属性。
选项键
opacity - 该属性接受一个Number,它允许我们控制对象的不透明度。 opacity 属性的默认值为 1。
示例 1
矩形对象的默认外观
Default appearance of a rectangle object
You can see our rectangle is fully opaque
示例 2
将 opacity 属性作为键传递
在此示例中,我们将了解如何分配值不透明度属性改变 画布中矩形对象的不透明度。这里我们使用 0.3 作为不透明度 因此,我们的矩形对象看起来是半透明的,而不是完全不透明的。
Passing the opacity property as key
You can see our rectangle is not fully opaque










