Fabric.js | Rect flipY 属性

简介

flipY 是Canvas矩形对象(Rect)的一个属性，用来表示矩形对象是否沿Y轴进行翻转。当flipY属性设置为true时，矩形对象将会沿着Y轴进行翻转；当flipY属性设置为false时，矩形对象将不会发生翻转。

语法

rect.flipY = true | false;

示例

// 创建一个Canvas矩形对象
var rect = new fabric.Rect({
  left: 100,
  top: 100,
  width: 50,
  height: 50,
  fill: 'red',
  flipY: true
});

// 添加到Canvas实例中
canvas.add(rect);

在上面的示例代码中，我们创建了一个Canvas矩形对象，并设置了flipY属性为true。这将会使矩形对象沿着Y轴进行翻转，最终展现出来的效果就是上下颠倒的红色矩形。

注意事项

• 在使用flipY属性之前，需要确保Canvas对象已经被初始化完成。
• flipY属性的默认值为false，即矩形对象不会被翻转。
• flipY属性不仅适用于Canvas矩形对象，还适用于其他对象，例如图像(Image)、文本(Text)等。