Fabric.js 三角形顶部属性

在Fabric.js中，有很多属性可以用来自定义三角形的顶部。以下是一些常见的属性：

top

三角形的顶部位置。它是相对于当前对象的位置定位的。

// 设置三角形的顶部位置
triangle.set({ top: 50 });

left

三角形的左侧位置。它是相对于当前对象的位置定位的。

// 设置三角形的左侧位置
triangle.set({ left: 100 });

originX / originY

三角形的顶点位置。默认情况下，它是相对于当前对象的位置相对于左上角。

// 自定义三角形的顶点位置
triangle.set({ originX: 'center', originY: 'bottom' });

angle

三角形的旋转角度。默认情况下，它是相对于当前对象的位置旋转。

// 旋转三角形
triangle.set({ angle: 45 });

scaleX / scaleY

三角形的水平和垂直缩放比例。

// 缩放三角形
triangle.set({ scaleX: 2, scaleY: 2 });

flipX / flipY

三角形的水平和垂直翻转。

// 翻转三角形
triangle.set({ flipX: true, flipY: true });

skewX / skewY

在水平和垂直方向上倾斜三角形。

// 倾斜三角形
triangle.set({ skewX: 10, skewY: 5 });

这些属性可以用来自定义三角形的外观，使其更灵活和个性化。