364 次浏览
在本教程中,我们将学习如何使用 FabricJS 锁定矩形的水平移动。正如我们可以在画布上指定矩形对象的 position、颜色、不透明度和尺寸一样,我们还可以指定是否只想沿 Y 轴移动它。这可以通过使用 lockMovementX 属性来实现。语法new fabric.Rect({ lockMovementX: 布尔值 }: 对象)参数选项 (可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义设置。使用此参数,可以更改颜色、光标、笔划宽度以及许多其他与…相关的属性。阅读更多
254 次浏览
在本教程中,我们将学习如何在使用 FabricJS 缩放矩形时锁定翻转。正如我们可以在画布上指定矩形对象的 position、颜色、不透明度和尺寸一样,我们还可以指定是否要在缩放时停止翻转对象。这可以通过使用 lockScalingFlip 属性来实现。语法new fabric.Rect({ lockScalingFlip : 布尔值 }: 对象)参数选项 (可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义设置。使用此参数,可以更改颜色、光标、笔划宽度以及许多其他…阅读更多
209 次浏览
在本教程中,我们将学习如何使用 FabricJS 隐藏矩形的控制角。矩形是 FabricJS 提供的各种形状之一。为了创建矩形,我们必须创建 fabric.Rect 类的实例并将其添加到画布中。对象的控制角允许我们增加或减少其比例、拉伸或更改其位置。我们可以通过多种方式自定义控制角,例如向其添加特定颜色、更改其大小等。我们还可以使用 hasControls 属性隐藏它们。语法new fabric.Rect({…阅读更多
386 次浏览
在本教程中,我们将学习如何使用 FabricJS 隐藏矩形的控制边框。矩形是 FabricJS 提供的各种形状之一。为了创建矩形,我们必须创建 fabric.Rect 类的实例并将其添加到画布中。我们可以通过多种方式自定义控制边框,例如向其添加特定颜色、虚线图案等。但是,我们还可以使用 hasBorders 属性完全消除边框。语法new fabric.Rect({ hasBorders: 布尔值 }: 对象)参数选项 (可选) - 此参数是一个对象,它为…阅读更多
214 次浏览
在本教程中,我们将学习如何使用 FabricJS 垂直翻转矩形对象。矩形是 FabricJS 提供的各种形状之一。为了创建矩形,我们必须创建 fabric.Rect 类的实例并将其添加到画布中。我们可以使用 flipY 属性垂直翻转矩形对象。语法new fabric.Rect({ flipY: 布尔值 }: 对象)参数选项 (可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义设置。使用此参数,可以更改颜色、光标、笔划宽度以及许多其他与…阅读更多
374 次浏览
在本教程中,我们将学习如何使用 FabricJS 水平翻转矩形对象。矩形是 FabricJS 提供的各种形状之一。为了创建矩形,我们必须创建 fabric.Rect 类的实例并将其添加到画布中。我们可以使用 flipX 属性水平翻转矩形对象。语法new fabric.Rect({ flipX: 布尔值 }: 对象)参数选项 (可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义设置。使用此参数,可以更改颜色、光标、笔划宽度以及许多其他与…阅读更多
404 次浏览
在这篇文章中,我们将学习如何使用 FabricJS 禁用矩形的可选择性。矩形是 FabricJS 提供的各种形状之一。为了创建矩形,我们必须创建 fabric.Rect 类的实例并将其添加到画布中。为了修改对象,我们必须在 FabricJS 中选择它。但是,我们可以使用 selectable 属性更改此行为。语法new fabric.Rect{ selectable: 布尔值 }: 对象)参数选项 (可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义设置。使用此参数,可以更改颜色、光标、…阅读更多
170 次浏览
在本教程中,我们将学习如何使用 FabricJS 禁用矩形的居中缩放。矩形是 FabricJS 提供的各种形状之一。为了创建矩形,我们必须创建 fabric.Rect 类的实例并将其添加到画布中。通过控件进行缩放时,为 centeredScaling 属性赋值 true,使用中心作为对象的变换原点。语法new fabric.Rect({ centeredScaling: 布尔值 }: 对象)参数选项 (可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义设置。使用此参数,可以更改颜色、光标、笔划…阅读更多
372 次浏览
在本教程中,我们将学习如何使用 FabricJS 禁用矩形的居中旋转。矩形是 FabricJS 提供的各种形状之一。为了创建矩形,我们必须创建 fabric.Rect 类的实例并将其添加到画布中。默认情况下,FabricJS 中的所有对象都使用其中心作为旋转点。但是,我们可以使用 centeredRotation 属性更改此行为。语法new fabric.Rect({ centeredRotation: 布尔值 }: 对象)参数选项 (可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义设置。使用此参数,可以更改…阅读更多
120 次浏览
在本教程中,我们将使用 FabricJS 创建一个在悬停对象上显示等待光标的矩形。wait 是可用的原生光标样式之一,它也可以在 FabricJS 画布中使用。FabricJS 提供各种类型的光标,如默认光标、全滚动光标、十字准星光标、列调整大小光标、行调整大小光标等,它们在后台重用原生光标。hoverCursor 属性设置将鼠标悬停在画布对象上时光标的样式。语法new fabric.Rect({ hoverCursor: 字符串 }: 对象)参数选项 (可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义设置。使用此参数,颜色、光标、笔划宽度和…阅读更多