
在本教程中,我们将学习如何使用 FabricJS 更改 Ellipse 对象的填充颜色来更改其外观。椭圆形是 FabricJS 提供的各种形状之一。为了创建一个椭圆,我们必须创建一个 Fabric.Ellipse 类的实例并将其添加到画布中。我们可以使用 fill 属性来更改填充颜色,该属性允许我们指定对象的填充颜色。
语法
new fabric.Ellipse({ fill: String }: Object)参数
选项(可选)- 此参数是一个对象 为我们的椭圆提供额外的定制。使用此参数,可以更改与 fill 为属性的对象相关的颜色、光标、描边宽度和许多其他属性。
选项键
填充 - 此属性接受字符串 Strong> 值允许我们更改对象的填充颜色。其默认值为 rgb(0,0,0),即黑色。
示例 1
默认 填充椭圆对象的颜色
让我们看一段代码,它显示了椭圆对象的默认填充颜色FabricJS。如果我们在创建椭圆对象时完全跳过 fill 属性,它将被渲染为黑色。
How to set the fill color of Ellipse using FabricJS?
Observe the ellipse is rendered black as we have not applied the fill property. This is the default fill color.
示例 2
将 fill 属性作为键传递
我们还可以为 fill 属性分配任何颜色名称或 RGBA 值。在此示例中,我们为其分配了值“skyBlue”,从而相应地更改了填充颜色。
How to set the fill color of Ellipse using FabricJS?
Here we have used the fill property and used skyBlue color.










