Class InteractiveController<Container, DisplayObject, Renderer>

Type Parameters

Container
DisplayObject
Renderer

Constructors

constructor

new InteractiveController<Container, DisplayObject, Renderer>(option): InteractiveController<Container, DisplayObject, Renderer>
Type Parameters
- Container
- DisplayObject
- Renderer
Parameters
- option: Option<Container, DisplayObject, Renderer>
Returns InteractiveController<Container, DisplayObject, Renderer>
- Defined in packages/event-manager/src/interactive/index.ts:71

Properties

`Private` canvasHandlers

canvasHandlers: CanvasHandlers

画布处理事件

`Private` container

container: Container

根容器

`Private` `Optional` coordinateType

coordinateType?: string

坐标系类型

`Private` `Optional` dragTarget

dragTarget?: DisplayObject

当前的拖拽目标

`Private` getCoordinateCtrl

getCoordinateCtrl: (() => CoordinateController)

Type declaration

- (): CoordinateController
- Returns CoordinateController

`Private` getHitTargetOriginal

getHitTargetOriginal: ((point, container, configMap, interactiveType) => HitResult<DisplayObject>)

Type declaration

- (point, container, configMap, interactiveType): HitResult<DisplayObject>
- hitTarget 的实现，不同渲染引擎不一样
  Parameters
  - point: Vec2
  - container: Container
  - configMap: Map<DisplayObject, InteractiveConfig>
  - interactiveType: InteractiveType
  Returns HitResult<DisplayObject>

`Private` `Optional` hoverTarget

hoverTarget?: DisplayObject

持续 hover 的目标

`Private` interactiveConfig

interactiveConfig: Map<DisplayObject, InteractiveConfig> = ...

交互对象的配置

`Private` interactiveListener

interactiveListener: InteractiveListener<Renderer>

`Private` `Optional` lastClickTarget

lastClickTarget?: DisplayObject

上次点击命中的目标

`Private` maxFPS

maxFPS: number = 60

最大帧率限制

`Private` onCarriageMove

onCarriageMove: ((event) => void) = ...

Type declaration

- (event): void
- Parameters
  - event: PointerEvent
  Returns void

`Private` onDragMove

onDragMove: ((event) => void) = ...

Type declaration

- (event): void
- Parameters
  - event: PointerEvent | Touch
  Returns void

`Private` onHover

onHover: ((event) => void) = ...

Type declaration

- (event): void
- Parameters
  - event: PointerEvent
  Returns void

`Private` onPinch

onPinch: ((event, extra?) => void) = ...

Type declaration

- (event, extra?): void
- Parameters
  - event: PointerEvent | Touch
  - Optional extra: GesturesExtra
  Returns void

`Private` onRotate

onRotate: ((event, extra?) => void) = ...

Type declaration

- (event, extra?): void
- Parameters
  - event: PointerEvent | Touch
  - Optional extra: GesturesExtra
  Returns void

`Private` onWheel

onWheel: ((event) => void) = ...

Type declaration

- (event): void
- Parameters
  - event: WheelEvent
  Returns void

`Private` renderer

renderer: Renderer

渲染器对应的 canvas

`Private` `Optional` viewport

viewport?: ViewportInfo

当前视口的区域信息

Methods

hitTarget

hitTarget(point): undefined | Partial<ViewEntity>
用于给外部发起一次点击拾取
Parameters
- point: Vec2
  是相对于 canvas 左上角的点击位置
Returns undefined | Partial<ViewEntity>
- Defined in packages/event-manager/src/interactive/index.ts:164

`Private` hitTargetHandler

hitTargetHandler(event, type): HitResult<DisplayObject>
获取本次鼠标事件的交互对象
Parameters
- event: PointerEvent | Touch
- type: InteractiveType
Returns HitResult<DisplayObject>
- Defined in packages/event-manager/src/interactive/index.ts:179

hitTargetOriginalByPoint

hitTargetOriginalByPoint(point): HitResult<DisplayObject>
主动传入一个点位做一次 hitTest，返回结果
Parameters
- point: Vec2
  是相对于 canvas 左上角的点击位置
Returns HitResult<DisplayObject>
- Defined in packages/event-manager/src/interactive/index.ts:203

`Private` onCarriageEnd

onCarriageEnd(event): void
Parameters
- event: PointerEvent
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:395

`Private` onClick

onClick(event): void
Parameters
- event: PointerEvent | Touch
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:216

`Private` onDBClick

onDBClick(event): void
Parameters
- event: PointerEvent
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:233

`Private` onDragEnd

onDragEnd(event): void
Parameters
- event: PointerEvent | Touch
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:279

`Private` onDragStart

onDragStart(event, extra?): void
Parameters
- event: PointerEvent | Touch
- Optional extra: Extra
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:255

`Private` onHoverIn

onHoverIn(target, event): void
Parameters
- target: DisplayObject
- event: PointerEvent
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:419

`Private` onHoverOut

onHoverOut(target, event): void
Parameters
- target: DisplayObject
- event: PointerEvent
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:427

`Private` onPinchEnd

onPinchEnd(event, extra?): void
Parameters
- event: PointerEvent | Touch
- Optional extra: GesturesExtra
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:315

`Private` onPinchStart

onPinchStart(event, extra?): void
Parameters
- event: PointerEvent | Touch
- Optional extra: GesturesExtra
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:291

`Private` onPress

onPress(event): void
Parameters
- event: PointerEvent | Touch
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:363

`Private` onPressUp

onPressUp(event): void
Parameters
- event: PointerEvent | Touch
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:377

`Private` onRightClick

onRightClick(event): void
Parameters
- event: PointerEvent
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:243

`Private` onRotateEnd

onRotateEnd(event, extra?): void
Parameters
- event: PointerEvent | Touch
- Optional extra: GesturesExtra
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:351

`Private` onRotateStart

onRotateStart(event, extra?): void
Parameters
- event: PointerEvent | Touch
- Optional extra: GesturesExtra
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:327

removeAllListener

removeAllListener(): void
取消所有监听的交互事件

Returns void
- Defined in packages/event-manager/src/interactive/index.ts:136

`Private` revisePointByViewPort

revisePointByViewPort(point): Vec2
Parameters
- point: Vec2
Returns Vec2
- Defined in packages/event-manager/src/interactive/index.ts:208

startListener

startListener(): void
对画布进行交互事件监听

Returns void
- Defined in packages/event-manager/src/interactive/index.ts:107

updateInteractiveObject

updateInteractiveObject(view, config?): void
更新视图对象的交互配置
Parameters
- view: DisplayObject
  视图对象
- Optional config: InteractiveConfig
  交互配置。该参数不传时认为该对象无法交互
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:88

updateViewportInfo

updateViewportInfo(viewport): void
更新视口信息
Parameters
- viewport: ViewportInfo
Returns void
- Defined in packages/event-manager/src/interactive/index.ts:97

`Static` create

create<Container, DisplayObject, Renderer>(option): InteractiveController<Container, DisplayObject, Renderer>
Type Parameters
- Container
- DisplayObject
- Renderer
Parameters
- option: Option<Container, DisplayObject, Renderer>
Returns InteractiveController<Container, DisplayObject, Renderer>
- Defined in packages/event-manager/src/interactive/index.ts:34

Class InteractiveController<Container, DisplayObject, Renderer>

Type Parameters

Container

DisplayObject

Renderer

Index

Constructors

Properties

Methods

Constructors

constructor

Type Parameters

Container

DisplayObject

Renderer

Parameters

option: Option<Container, DisplayObject, Renderer>

Returns InteractiveController<Container, DisplayObject, Renderer>

Properties

Private canvasHandlers

Private container

Private Optional coordinateType

Private Optional dragTarget

Private getCoordinateCtrl

Type declaration

Returns CoordinateController

Private getHitTargetOriginal

Type declaration

Parameters

point: Vec2

container: Container

configMap: Map<DisplayObject, InteractiveConfig>

interactiveType: InteractiveType

Returns HitResult<DisplayObject>

Private Optional hoverTarget

Private interactiveConfig

Private interactiveListener

Private Optional lastClickTarget

Private maxFPS

Private onCarriageMove

Type declaration

Parameters

event: PointerEvent

Returns void

Private onDragMove

Type declaration

Parameters

event: PointerEvent | Touch

Returns void

Private onHover

Type declaration

Parameters

event: PointerEvent

Returns void

Private onPinch

Type declaration

Parameters

event: PointerEvent | Touch

Optional extra: GesturesExtra

Returns void

Private onRotate

Type declaration

Parameters

event: PointerEvent | Touch

Optional extra: GesturesExtra

Returns void

Private onWheel

Type declaration

Parameters

event: WheelEvent

Returns void

Private renderer

Private Optional viewport

Methods

hitTarget

Parameters

point: Vec2

Returns undefined | Partial<ViewEntity>

Private hitTargetHandler

Parameters

`Private` canvasHandlers

`Private` container

`Private` `Optional` coordinateType

`Private` `Optional` dragTarget

`Private` getCoordinateCtrl

`Private` getHitTargetOriginal

`Private` `Optional` hoverTarget

`Private` interactiveConfig

`Private` interactiveListener

`Private` `Optional` lastClickTarget

`Private` maxFPS

`Private` onCarriageMove

`Private` onDragMove

`Private` onHover

`Private` onPinch

`Optional` extra: GesturesExtra

`Private` onRotate

`Optional` extra: GesturesExtra

`Private` onWheel

`Private` renderer

`Private` `Optional` viewport

`Private` hitTargetHandler

`Private` onCarriageEnd

`Private` onClick

`Private` onDBClick

`Private` onDragEnd

`Private` onDragStart

`Optional` extra: Extra

`Private` onHoverIn

`Private` onHoverOut

`Private` onPinchEnd

`Optional` extra: GesturesExtra

`Private` onPinchStart

`Optional` extra: GesturesExtra

`Private` onPress

`Private` onPressUp

`Private` onRightClick

`Private` onRotateEnd

`Optional` extra: GesturesExtra

`Private` onRotateStart

`Optional` extra: GesturesExtra