364 次浏览
在本教程中,我们将学习如何使用 FabricJS 锁定矩形的水平移动。就像我们可以在画布中指定矩形对象的位、颜色、不透明度和尺寸一样,我们也可以指定是否希望它只在 Y 轴上移动。这可以通过使用 lockMovementX 属性来实现。语法new fabric.Rect({ lockMovementX: 布尔值 }: 对象)参数选项(可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义。使用此参数,可以更改与...相关的颜色、光标、笔划宽度和许多其他属性 ... 阅读更多
254 次浏览
在本教程中,我们将学习如何使用 FabricJS 锁定矩形缩放时的翻转。就像我们可以在画布中指定矩形对象的位、颜色、不透明度和尺寸一样,我们也可以指定是否希望在缩放期间停止翻转对象。这可以通过使用 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: 布尔值 }: 对象)参数选项(可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义。使用此参数,可以更改与...相关的颜色、光标、笔划宽度和许多其他属性 ... 阅读更多
405 次浏览
在本文中,我们将学习如何使用 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: 字符串 }: 对象)参数选项(可选) - 此参数是一个对象,它为我们的矩形提供额外的自定义。使用此参数颜色、光标、笔划宽度和 ... 阅读更多