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')
)