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.