
在本教程中,我们将学习如何使用 FabricJS 禁用 Ellipse 的居中缩放。椭圆形是 FabricJS 提供的各种形状之一。为了创建一个椭圆,我们必须创建一个 Fabric.Ellipse 类的实例并将其添加到画布中。通过控件进行缩放时,为 centeredScaling 属性分配“true”值,使用中心作为对象的变换原点。
语法
new fabric.Ellipse({ centeredScaling: Boolean }: Object)参数
选项(可选)- 此参数是一个对象 为我们的椭圆提供额外的定制。使用此参数,可以更改与 centeredScaling 属性相关的对象的颜色、光标、描边宽度和许多其他属性。
选项键
centeredScaling - 此属性接受布尔值 em> 值。当此属性为True时,对象使用中心作为变换原点。
示例 1
将centeredScaling作为键传递并为其分配一个“true”值
以下示例演示了椭圆对象在centeredScaling时的行为方式属性已启用。当我们放大对象时,变换的原点是椭圆的中心。
How to disable the centered scaling of Ellipse using FabricJS?
Select the object and stretch it from its corners. The ellipse will scale up from its center. This is the default behavior.
示例 2
禁用 centeredScaling 属性
我们可以通过为其指定“false”值来禁用 centeredScaling 属性。这将不再使用椭圆的中心作为变换中心。这是一个代码,用于演示 -
How to disable the centered scaling of Ellipse using FabricJS?
Select the object and stretch it from its corners. You will notice the object scales up but not from its center because we have set centeredScaling as False.










