在本教程中，我们将学习如何使用 FabricJS 创建一个具有背景颜色的三角形。三角形是 FabricJS 提供的各种形状之一。为了创建一个三角形，我们必须创建一个 fabric.Triangle 类的实例并将其添加到画布中。backgroundColor 属性允许我们将颜色赋予对象的背景。它是三角形所在容器的颜色，形状为矩形。语法：new fabric.Triangle({ backgroundColor: String }: Object) 参数：选项 (可选) - 此参数是一个对象，它为我们的三角形提供额外的自定义。使用此参数，属性…… 阅读更多

在本教程中，我们将学习如何使用 FabricJS 创建一个带有三角形对象的画布。三角形是 FabricJS 提供的各种形状之一。为了创建一个三角形，我们必须创建一个 fabric.Triangle 类的实例并将其添加到画布中。语法：new fabric.Triangle({ width: Number, height: Number }: Object) 参数：选项 (可选) - 此参数是一个对象，它为我们的三角形提供额外的自定义。使用此参数，可以更改与三角形对象相关的属性，例如颜色、光标、描边宽度等等，其中宽度和高度…… 阅读更多

在本教程中，我们将学习如何使用 FabricJS 为三角形添加描边。三角形是 FabricJS 提供的各种形状之一。为了创建一个三角形，我们必须创建一个 fabric.Triangle 类的实例并将其添加到画布中。我们可以通过多种方式自定义三角形对象，例如更改其尺寸、添加背景颜色或更改围绕对象绘制的线条的颜色。我们可以使用 stroke 属性来实现这一点。语法：new fabric.Triangle({ stroke : String }: Object) 参数：选项 (可选) - 此参数是一个对象，它提供…… 阅读更多

在本教程中，我们将学习如何使用 FabricJS 为三角形添加阴影。三角形是 FabricJS 提供的各种形状之一。为了创建一个三角形，我们必须创建一个 fabric.Triangle 类的实例并将其添加到画布中。我们可以通过多种方式自定义三角形对象，例如更改其尺寸，添加背景颜色，甚至添加阴影。我们可以使用 shadow 属性为三角形添加阴影。语法：new fabric.Triangle({ shadow : fabric.Shadow }: Object) 参数：选项 (可选) - 此参数是一个对象，它提供…… 阅读更多

在本教程中，我们将学习如何使用 FabricJS 为三角形添加虚线描边。三角形是 FabricJS 提供的各种形状之一。为了创建一个三角形，我们必须创建一个 fabric.Triangle 类实例并将其添加到画布中。strokeDashArray 属性允许我们为对象的描边指定虚线图案。语法：new fabric.Triangle( { strokeDashArray: Array }: Object) 参数：选项 (可选) - 此参数是一个对象，它为我们的三角形提供额外的自定义。使用此参数，可以更改与三角形对象相关的属性，例如颜色、光标、描边宽度等等…… 阅读更多

在本教程中，我们将学习如何使用 FabricJS 锁定矩形的垂直移动。就像我们可以在画布中指定矩形对象的 position、颜色、不透明度和尺寸一样，我们还可以指定是否只希望它沿 X 轴移动。这可以通过使用 lockMovementY 属性来完成。语法：new fabric.Rect({ lockMovementY: Boolean }: Object) 参数：选项 (可选) - 此参数是一个对象，它为我们的矩形提供额外的自定义。使用此参数，可以更改与矩形对象相关的属性，例如颜色、光标、描边宽度等等…… 阅读更多

在本教程中，我们将学习如何使用 FabricJS 创建一个具有虚线边框的矩形。矩形是 FabricJS 提供的各种形状之一。为了创建一个矩形，我们必须创建一个 fabric.Rect 类的实例并将其添加到画布中。我们可以使用 borderDashArray 属性更改边框虚线的样式。但是，我们的矩形对象必须具有边框才能使此属性起作用。如果 hasBorders 属性被赋予 False 值，则此属性将不起作用。语法：new fabric.Rect({ borderDashArray: Array }: Object) 参数：选项 (可选) - 此参数…… 阅读更多

在本教程中，我们将学习如何使用 FabricJS 为圆形添加虚线描边。圆形是 FabricJS 提供的各种形状之一。为了创建一个圆形，我们必须创建一个 fabric.Circle 类的实例并将其添加到画布中。strokeWidth 属性允许我们为对象指定描边的宽度。语法：new fabric.Circle( { strokeWidth: Number }: Object) 参数：选项 (optional) - 此参数是一个对象，它为我们的圆形提供额外的自定义。使用此参数，可以更改与圆形对象相关的属性，例如颜色、光标、描边宽度等等…… 阅读更多

在本教程中，我们将学习如何使用 FabricJS 设置圆形的垂直缩放比例。圆形是 FabricJS 提供的各种形状之一。为了创建一个圆形，我们必须创建一个 fabric.Circle 类的实例并将其添加到画布中。就像我们可以在画布中指定圆形对象的 position、颜色、不透明度和尺寸一样，我们还可以设置圆形对象的垂直缩放比例。这可以通过使用 scaleY 属性来完成。语法：new fabric.Circle({ scaleY : Number }: Object) 参数：选项 (可选) - 此参数…… 阅读更多

在本教程中，我们将学习如何使用 FabricJS 设置圆形控制角的样式。圆形是 FabricJS 提供的各种形状之一。为了创建一个圆形，我们将必须创建一个 fabric.Circle 类的实例并将其添加到画布中。对象的控制角允许我们缩放、拉伸或更改其位置。我们可以通过多种方式自定义控制角，例如为其添加特定颜色、更改其大小等。我们可以使用 cornerStyle 属性更改样式。语法 new fabric.Circle({ cornerStyle: 字符串 ... 阅读更多