Fabric.js Circle lockSkewingY 属性

lockSkewingY 属性是 Fabric.js 绘制圆形时可用的一个选项，它控制是否锁定Y轴的倾斜（skewing）。

什么是锁定Y轴的倾斜？

在Fabric.js中，如果没有使用 lockSkewingY，则可以在椭圆形上滑动鼠标，以改变椭圆形在X和Y轴上的倾斜。但是，当使用 lockSkewingY 属性时，椭圆形仅能在X轴上进行倾斜，而在Y轴上则被锁定。

如何在Fabric.js中使用lockSkewingY

下面是使用 lockSkewingY 属性绘制圆形的示例代码：

var circle = new fabric.Circle({
  radius: 50,
  fill: 'red',
  lockSkewingY: true
});
canvas.add(circle);

上述示例中定义了一个圆形对象，并设置了半径为50像素，填充颜色为红色。另外，用 lockSkewingY 属性锁定了Y轴倾斜。

总结

在绘制圆形时使用 lockSkewingY 属性，可以控制对椭圆形的倾斜只在X轴上进行。