Skip to content

skew

元素的倾斜属性。

关键属性

skewX: number

x 轴倾斜角度,取值范围为 -90 ~ 90。

skewY: number

y 轴倾斜角度,取值范围为 -90 ~ 90。

关键方法

注意事项

以下方法为增量操作,适合图形编辑场景。

动画、游戏场景中,可使用更简单的 origin / around + skew 实现围绕中心点倾斜。

skewOf ( origin: IAlignIPointData, addSkewX: number, addSkewY = 0, resize?: boolean )

围绕原点 origin( box 坐标 )倾斜元素 增量操作

ts
// 围绕中心继续倾斜X轴 45度
rect.skewOf('center', 45)

// 想倾斜到指定 skewX, 需减去元素当前 skewX,如下:
rect.skewOf({ x: 50, y: 50 }, 45 - rect.skewX)

skewOfWorld ( worldOrigin: IPointData, addSkewX: number, addSkewY = 0, resize?: boolean )

围绕原点 worldOrigin( 世界坐标 )倾斜元素 增量操作

归属

UI

Released under the MIT License.