Fabric.js 图像 lockSkewingY 属性

在使用 Fabric.js 进行图像处理时，lockSkewingY 属性用于控制是否允许垂直拉伸。如果该属性为 true，则无法通过鼠标拖动垂直方向进行拉伸，只能通过缩放整个图像来进行操作。

使用方法

在创建图像对象时，可以通过设置 lockSkewingY 属性为 true 或 false 来控制垂直拉伸的操作权限。示例代码如下：

var img = new fabric.Image(imgElement, {
  left: 100,
  top: 100,
  lockSkewingY: true // 禁用垂直拉伸
});

canvas.add(img);

注意事项

设置 lockSkewingY 属性后，如果希望恢复垂直拉伸的操作权限，可以通过以下代码实现：

img.set({
  lockSkewingY: false // 允许垂直拉伸
});
canvas.renderAll();

同时，也可以在选中图像后通过键盘操作（按住 Shift 键再拖动）来进行垂直拉伸。

总结

通过设置 lockSkewingY 属性，可以控制用户对图像的垂直拉伸操作权限，提高图像处理的精度和安全性。但是在实际应用中需要根据具体需求进行选择，合理使用该属性。