
在本教程中,我们将学习如何使用 FabricJS 设置椭圆选区的背景颜色。椭圆形是 FabricJS 提供的各种形状之一。为了创建一个椭圆,我们必须创建一个 Fabric.Ellipse 类的实例并将其添加到画布中。当主动选择对象时,我们可以更改对象的尺寸、旋转它或操纵它。我们可以使用 selectionBackgroundColor 属性更改椭圆选区的背景颜色。
语法
new fabric.Ellipse({ selectionBackgroundColor : String }: Object)参数
选项(可选)- 此参数是一个对象 为我们的椭圆提供额外的定制。使用此参数,可以更改与 selectionBackgroundColor 为属性的对象相关的颜色、光标、描边宽度和许多其他属性。
选项键
selectionBackgroundColor - 此属性接受字符串 em> 确定选区的背景颜色。
示例 1
selectionBackgroundColor 属性未使用
让我们举个例子来了解当 selectionBackgroundColor 属性未使用时选择内容的显示方式。从这个例子中我们可以看到,选择区域或对象后面的区域没有颜色。
How to set the background color of selection of Ellipse using FabricJS?
Select the object and you will observe that the selection background has no color. Here we have not applied the selectionBackgroundColor property.
示例 2
将 selectionBackgroundColor 属性作为键传递
在此示例中,我们将一个值分配给 selectionBackgroundColor 属性。在本例中,我们将“darkBlue”颜色传递给它,因此选择区域看起来是深蓝色的。
How to set the background color of selection of Ellipse using FabricJS?
Select the object and you will observe that the background of the selection appears dark blue. This is because we have set the selectionBackgroundColor as dark blue.










