
在本教程中,我们将学习如何使用 FabricJS 创建带有 Ellipse 对象的画布。椭圆形是 FabricJS 提供的各种形状之一。为了创建一个椭圆,我们将创建一个 Fabric.Ellipse 类的实例并将其添加到画布中。
语法
new fabric.Ellipse({ rx: Number, ry: Number }: Object)参数
选项(可选)- 此参数是一个提供额外自定义的对象到我们的椭圆。使用此参数可以更改与椭圆对象相关的颜色、光标、描边宽度和许多其他属性,其中 rx 和 ry 是椭圆对象的属性。
选项键
rx - 此属性接受数字,确定椭圆的水平半径。如果我们不指定水平半径,椭圆将不会显示在画布上。
ry -此属性接受一个数字,它确定椭圆的垂直半径。如果我们不指定垂直半径,椭圆将不会显示在画布上。
示例 1
创建实例Fabric.Ellipse() 并将其添加到我们的画布
让我们看一个如何向画布添加椭圆的示例。这里我们创建了一个水平半径为 80 像素、垂直半径为 50 像素的对象。我们使用天蓝色来填充十六进制值为#87ceeb的对象。
How to create a canvas with an ellipse using FabricJS?
Here we have created an ellipse object and set it over a canvas.
示例 2
使用 set 方法操作 Ellipse 对象
在此示例中,我们使用set 方法,它是值的设置器。任何与描边、描边宽度、半径、缩放、旋转等相关的属性都可以使用此方法进行改变。
How to create a canvas with an ellipse using FabricJS?
Here we have used the set method to create an ellipse object over the canvas.










