
在本教程中,我们将学习如何使用 FabricJS 设置椭圆的垂直比例因子。椭圆形是 FabricJS 提供的各种形状之一。为了创建一个椭圆,我们必须创建一个 Fabric.Ellipse 类的实例并将其添加到画布中。正如我们可以指定椭圆对象在画布中的位置、颜色、不透明度和尺寸一样,我们也可以设置椭圆对象的垂直比例。这可以通过使用 scaleY 属性来完成。
语法
new fabric.Ellipse({ scaleY : Number }: Object)参数
选项(可选)- 此参数是一个对象 为我们的椭圆提供额外的定制。使用此参数,可以更改与 scaleY 为属性的对象相关的颜色、光标、描边宽度和许多其他属性。
选项键
scaleY - 此属性接受数字强>值。分配的值决定垂直对象比例因子。其默认值为 1。
示例 1
未使用 scaleY 时的默认外观
以下示例显示了未使用 scaleY 属性时椭圆的显示方式。默认情况下,椭圆对象的垂直比例因子为 1。scaleY 确定沿 Y 轴调整对象大小的变换。
Setting the vertical scale factor of an Ellipse using FabricJS
Note that here we haven't set the vertical scale factor scaleY explicitly. By default, it is set to 1.
示例 2
将 scaleY 属性作为键传递
在此示例中,我们传递 scaleY 属性作为键,值为 2。这意味着椭圆对象在垂直方向的比例因子加倍。
Setting the vertical scale factor of an Ellipse using FabricJS
Here we have set scaleY to 2, so the vertical scale factor of the ellipse doubled.










