Class Rect

用于记录素材在视频或画布中的空间属性：位置、大小、旋转

并提供控制点位置，支持用户在画布中缩放、旋转素材

一般由内部 WebAV SDK 内部创建维护

See

Implements

  • IRectBaseProps

Constructors

constructor

Properties

#angle #evtTool #h #master #w #x #y fixedAspectRatio fixedScaleCenter on

Accessors

angle center h w x y

Methods

#setBaseProps checkHit clone

Constructors

constructor

Properties

Private #angle

#angle: number = 0

Private #evtTool

#evtTool: EventTool<{
    propsChange: ((props) => void);
}> = ...

Type declaration

  • propsChange: ((props) => void)
      • (props): void

      • Parameters

        • props: Partial<IRectBaseProps>

        Returns void

Private #h

#h: number = 0

Private #master

#master: null | Rect = null

如果当前实例是 Rect 控制点之一，master 将指向该 Rect

控制点的坐标是相对于它的 master 定位

Private #w

#w: number = 0

Private #x

#x: number = 0

Private #y

#y: number = 0

fixedAspectRatio

fixedAspectRatio: boolean = false

是否保持固定宽高比例，禁止变形缩放

值为 true 时，将缺少上下左右四个控制点

fixedScaleCenter

fixedScaleCenter: boolean = false

是否固定中心点进行缩放 值为 true 时，Rect.ctrls 将固定中心点不变进行缩放 值为 false 时，Rect.ctrls 将固定对角点不变进行缩放

on

on: (<Type>(type, listener) => (() => void)) = ...

监听属性变更事件

Type declaration

    • <Type>(type, listener): (() => void)

    • Type Parameters

      • Type extends "propsChange"

      Parameters

      • type: Type
      • listener: {
            propsChange: ((props) => void);
        }[Type]

      Returns (() => void)

        • (): void

        • Returns void

Example

rect.on('propsChange', (changedProps) => {})

Accessors

angle

center

h

w

x

y

Methods

Private #setBaseProps

checkHit

  • checkHit(tx, ty): boolean

  • 检测目标坐标是否命中当前实例

    Parameters

    • tx: number

      目标点 x 坐标

    • ty: number

      目标点 y 坐标

    Returns boolean

clone

Settings

Member Visibility

Theme

On This Page

constructor#angle#evtTool#h#master#w#x#yfixedAspectRatiofixedScaleCenteronanglecenterhwxy#setBasePropscheckHitclone