如何使用 FabricJS 禁用椭圆的居中旋转？

1. FabricJS 概述

FabricJS 是一款基于 JavaScript 的用于开发 Web 画布应用程序的强大框架。它允许开发人员创建高度生动和交互式的画布应用程序。使用它，您可以创建图形编辑器、绘画应用程序、图表、动画等等。

FabricJS 中的核心对象是 canvas。Canvas 允许您在浏览器中绘制视觉图像，以及进行用户交互。FabricJS 封装了 canvas 对象，使得绘制和更新图形变得更加容易。

2. 椭圆的旋转

在 FabricJS 中，可以通过旋转来改变对象的方向。通常情况下，当对象被旋转时，它将会以中心点为基准进行旋转。例如，当您将鼠标移动到一个矩形对象上并进行旋转时，该矩形通常会绕着它的中心点进行旋转。

同样地，当您在画布上创建椭圆对象并对其进行旋转时，它也将以中心点为基准进行旋转。这在大多数情况下都是理想的行为，但有时当您想让椭圆忽略中心点时，您可能需要禁用它的居中旋转。

3. 禁用椭圆的居中旋转

要禁用椭圆的居中旋转，您需要通过设置对象的 originX 和 originY 属性来指定旋转的基准点。这使得您可以改变旋转的参考点，从而使对象绕不同的点进行旋转。

默认情况下，椭圆的 originX 和 originY 属性都设置为 "center"，这意味着它将以中心点为基准进行旋转。

要禁用椭圆的居中旋转，您需要将 originX 和 originY 属性都设置为 "left" 或 "right" 或 "top" 或 "bottom"。

var ellipse = new fabric.Ellipse({
  left: 100,
  top: 100,
  rx: 50,
  ry: 30,
  fill: 'red',
  originX: 'left', // 禁用椭圆的居中旋转
  originY: 'top' // 禁用椭圆的居中旋转
});
canvas.add(ellipse);

上述代码将创建一个带有禁用居中旋转的椭圆对象并添加到画布中。