在這篇文章中，我們將學習如何使用 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 (可選) − 此引數是一個物件，它為我們的畫布提供了額外的自定義選項。使用此引數，可以設定顏色等屬性……閱讀更多