Fabric.js Polyline lockMovementY 属性

Fabric.js是一个用于创建交互式画布的面向对象的HTML5 Canvas库。由于它的易用性和丰富的功能，它成为开发人员构建高质量图形应用程序的首选。

其中，Polyline是Fabric.js中一个重要的类，它用于创建连接多个点的直线。而lockMovementY是Polyline类中的一个属性，它控制Polyline在垂直方向上的移动。

当lockMovementY为true时，Polyline在垂直方向上将无法移动。这种情况下，Polyline在水平方向上仍然可以自由移动。这个属性可以用来实现一些特定的交互体验，比如只允许在某个平面内拖动Polyline。

当lockMovementY为false时，Polyline在垂直方向上和水平方向上都可以自由移动。默认情况下，它的值为false。

下面是一个例子展示了如何在创建Polyline时设置lockMovementY属性：

var canvas = new fabric.Canvas('canvas');

var points = [
  {x: 10, y: 10},
  {x: 50, y: 50},
  {x: 90, y: 10},
  {x: 130, y: 50},
];

var polyline = new fabric.Polyline(points, {
  stroke: 'red',
  strokeWidth: 2,
  lockMovementY: true // 设置lockMovementY属性为true
});

canvas.add(polyline);

在上述代码中，我们创建了一个由4个点组成的Polyline，并将lockMovementY属性设置为true。这样，Polyline只能在水平方向上移动，而不能在垂直方向上移动。

总的来说，lockMovementY属性用于在创建Polyline时控制它在垂直方向上的移动。它是一个非常有用的属性，可以用来实现各种交互效果。开发人员可以根据需要灵活地设置它的值。