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