Fabric.js 多边形 lockSkewingY 属性

简介

在 Fabric.js 中，lockSkewingY 属性是用来控制多边形在水平方向上的拉伸锁定状态。如果 lockSkewingY 属性设置为 true，则多边形在水平方向上将不会被拉伸，只能进行垂直方向上的拉伸。如果设置为 false，则多边形可以进行水平和垂直两个方向的拉伸。

语法

polygon.lockSkewingY = boolean;

属性值

• boolean：一个布尔值，表示是否启用水平拉伸的锁定功能。

示例代码

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

var polygon = new fabric.Polygon([
  {x: 100, y: 100},
  {x: 200, y: 0},
  {x: 300, y: 100},
  {x: 200, y: 200}
], {
  fill: 'yellow',
  lockSkewingY: true // 锁定水平方向上的拉伸
});

canvas.add(polygon);

注意事项

• lockSkewingY 属性只适用于多边形（Polygon）类型的对象，而不适用于其它类型的对象。
• 如果要同时锁定水平和垂直两个方向的拉伸，请考虑使用 lockScalingX 和 lockScalingY 属性来实现。