
在本教程中,我们将学习如何使用 FabricJS 使椭圆不可见。椭圆形是 FabricJS 提供的各种形状之一。为了创建一个椭圆,我们将创建一个 Fabric.Ellipse 类的实例并将其添加到画布中。我们的椭圆对象可以通过多种方式进行自定义,例如更改其尺寸、添加背景颜色或使其可见或不可见。我们可以通过使用 visible 属性来做到这一点。
语法
new fabric.Ellipse( { visible: Boolean }: Object)参数
选项(可选)- 此参数是一个对象 为我们的椭圆提供额外的定制。使用此参数,可以更改与 visible 属性相关的对象的颜色、光标、描边宽度和许多其他属性。
选项键
可见 - 此属性接受布尔值强> 值允许我们将对象渲染到画布上。其默认值为 True。
示例 1
传递 visible 属性作为具有“true”值的键
让我们举个例子来了解当我们向 visible 属性传递“true”值时会发生什么。通过将值指定为“true”,我们确保 Ellipse 对象渲染到画布上。这也是 FabricJS 中的默认行为。
How to make an Ellipse invisible using FabricJS?
The object is visible on the canvas because we have set the visible property to True. This is the default behavior.
示例 2
将 visible 属性作为具有“false”值的键传递
在此示例中,我们将 visible 属性作为带有“false”值的键传递。分配一个假值将确保我们的椭圆对象不会渲染到画布上。它只是不会使对象“不可见”,而是完全摆脱它。它可用于从画布中删除对象,而无需删除其代码。
How to make an Ellipse invisible using FabricJS?
Here the ellipse object is invisible because we have set the visible property to False.









