Fabric.js | Rect skewY 属性

在Fabric.js中，矩形对象Rect的skewY属性可用来使该对象在Y轴方向倾斜。此属性的值指定了对象在Y轴方向上的倾斜度数。

使用方法

可以通过以下代码来设置skewY属性：

rect.set({ skewY: angle });

其中angle是一个数字，表示对象在Y轴方向的倾斜度数。

示例

下面的代码片段演示了如何创建一个矩形对象，并使其在Y轴方向倾斜：

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

var rect = new fabric.Rect({
  left: 100,
  top: 100,
  width: 100,
  height: 50,
  fill: 'red',
  skewY: 20 // 在Y轴方向上倾斜20度
});

canvas.add(rect);

可以看到，创建的矩形对象在Y轴方向上倾斜了20度。

注意事项

• skewY属性只在对象被渲染时才会生效。
• skewY属性可接受负值，表示对象在Y轴方向上相反的倾斜。

总结

通过使用Rect对象的skewY属性，我们可以使该对象在Y轴方向上倾斜，从而实现更加多样化、灵活的图形效果。