Skip to content
导航

layout

元素布局相关属性

关键属性

x: number

x 轴位置。

y: number

y 轴位置。

width: number

宽度。

height: number

高度。

scaleX: number

x 轴缩放比例。

scaleY: number

y 轴缩放比例。

rotation: number

旋转角度,取值范围为 -180 ~ 180。

skewX: number

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

skewY: number

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

关键方法

getWorld( name: string ): number

获取相对世界坐标的布局属性值。

示例

获取相对世界坐标的布局属性

ts
import { Leafer, Rect } from 'leafer-ui'

const leafer = new Leafer({ view: window })

const rect = new Rect({ x: 100, y: 100, fill: '#32cd79' })

leafer.scaleX = leafer.scaleY = 2
leafer.add(rect)

console.log(
    rect.getWorld('x'), 
    rect.getWorld('y'),
    rect.getWorld('scaleX'),
    rect.getWorld('scaleY'),
    rect.getWorld('skewX'),
    rect.getWorld('skewY'),
    rect.getWorld('rotation')
)

Released under the MIT License.