在这篇文章中，我们将学习如何使用 FabricJS 创建一个带有“禁止”光标的画布。“禁止”光标可以用来指示任何已请求的操作将不会执行。“禁止”是可用的原生光标样式之一，也可以在 FabricJS 画布中使用。FabricJS 提供各种类型的游标，如默认、全滚动、十字准星、列调整大小、行调整大小等，它们都在底层重用了原生游标。这些游标的外观根据操作系统略有不同。语法new fabric.Canvas(element: HTMLElement|String, { defaultCursor: String }: Object)参数element − 此参数是元素本身，它可以... 阅读更多

在这篇文章中，我们将学习如何使用 FabricJS 创建一个带有十字准星光标的画布。十字准星是可用的原生光标样式之一，也可以在 FabricJS 画布中使用。FabricJS 提供各种类型的游标，如默认、全滚动、十字准星、列调整大小、行调整大小等，它们都在底层重用了原生游标。这些游标的外观根据操作系统略有不同。语法new fabric.Canvas(element: HTMLElement|String, { defaultCursor: String }: Object)参数element − 此参数是元素本身，可以使用 document.getElementById() 或元素本身的 ID 获取。FabricJS 画布将... 阅读更多

在这篇文章中，我们将学习如何使用 FabricJS 克隆画布。我们可以使用 clone() 方法克隆画布实例。通常，当我们想将画布实例远程发送到其他地方时，最好以 JSON 格式发送画布实例克隆，而不是发送画布的图像。clone() 方法帮助我们创建任何画布实例及其对象的克隆。语法clone( callback: Object, propertiesToInclude: Array)参数Callback (可选) − 此参数是一个回调函数，它将使用克隆来调用。propertiesToInclude (可选) − ... 阅读更多

在这篇文章中，我们将学习如何使用 FabricJS 自定义画布的视口。视口是用户在画布上可见的区域。我们可以使用 viewportTransform 属性来自定义视口，该属性允许我们控制视口的变换语法new fabric.Canvas(element: HTMLElement|String, { viewportTransform: Array }: Object)参数element − 此参数是元素本身，可以使用 Document.getElementById() 或元素本身的 ID 获取。FabricJS 画布将在该元素上初始化。options (可选) − 此参数是一个对象，它为... 阅读更多

在这篇文章中，我们将学习如何在 FabricJS 中设置自定义键来启用/禁用均匀缩放。在 FabricJS 中，从角拖动对象时，对象会按比例变换。这称为均匀缩放。但是，我们可以使用 uniScaleKey 来启用/禁用此行为。语法new fabric.Canvas(element: HTMLElement|String, { uniScaleKey: String }: Object)参数element − 此参数是元素本身，可以使用 Document.getElementById() 或元素本身的 ID 获取。FabricJS 画布将在该元素上初始化。options (可选) − 此参数是一个对象，它为我们的画布提供额外的自定义。使用... 阅读更多

在这篇文章中，我们将学习如何使用 FabricJS 仅当对象完全包含在选择区域中时才启用对象的选择。我们可以使用 selectionFullyContained 属性来实现这一点。语法new fabric.Canvas(element: HTMLElement|String, { selectionFullyContained: Boolean }: Object)参数element − 此参数是元素本身，可以使用 Document.getElementById() 或元素本身的 ID 获取。FabricJS 画布将在该元素上初始化。options (可选) − 此参数是一个对象，它为我们的画布提供额外的自定义。使用此参数，例如颜色、光标、边框宽度等属性... 阅读更多

在这篇文章中，我们将学习如何使用 FabricJS 在画布上选择区域的边框上添加虚线。我们可以使用 selectionDashArray 属性来实现这一点。它允许我们使选择区域的边框呈虚线。语法new fabric.Canvas(element: HTMLElement|String, { selectionDashArray: Array }: Object)参数element − 此参数是元素本身，可以使用 document.getElementById() 或元素本身的 ID 获取。FabricJS 画布将在该元素上初始化。options (可选) − 此参数是一个对象，它为我们的画布提供额外的自定义。使用此参数... 阅读更多

在这篇文章中，我们将学习如何使用 FabricJS 在画布上启用居中缩放。在 FabricJS 中，从角拖动对象时，对象会按比例变换。我们可以使用 centeredScaling 属性以中心为变换原点。语法new fabric.Canvas(element: HTMLElement|String, { centeredScaling: Boolean }: Object)参数element − 此参数是元素本身，可以使用 Document.getElementById() 或元素本身的 ID 获取。FabricJS 画布将在该元素上初始化。options (可选) − 此参数是一个对象，它为我们的画布提供额外的自定义。使用此参数... 阅读更多

在这篇文章中，我们将学习如何使用 FabricJS 禁用画布中的均匀缩放。在 FabricJS 中，从角拖动对象时，对象会按比例变换。但是，我们可以使用 uniformScaling 属性来禁用此行为。语法new fabric.Canvas(element: HTMLElement|String, { uniformScaling: Boolean }: Object)参数element − 此参数是元素本身，可以使用 document.getElementById() 或元素本身的 ID 获取。FabricJS 画布将在该元素上初始化。options (可选) − 此参数是一个对象，它为我们的画布提供额外的自定义。使用此参数，例如颜色、... 阅读更多

本文将学习如何使用 FabricJS 通过角点非均匀地调整对象大小。在 FabricJS 中，从角点拖动对象时，对象会按比例变换。但是，我们可以通过按住 uniScaleKey 来控制此行为。语法new fabric.Canvas(element: HTMLElement|String, { uniScaleKey: String }: Object)参数element − 此参数是元素本身，可以使用 Document.getElementById() 或元素本身的 ID 获取。FabricJS 画布将在此元素上初始化。options (可选) − 此参数是一个对象，它为我们的画布提供了额外的自定义选项。使用此参数，可以设置颜色等属性……阅读更多