ZoomControl

Since version 4.0.0

source

카메라의 줌 값을 담당하는 컨트롤

class ZoomControl extends Component<ZoomControlEvents> implements CameraControl

Extends

• Component<ZoomControlEvents>

Implements

• CameraControl

Properties

animating

현재 컨트롤이 동작중인지를 나타내는 값

duration

회전 애니메이션의 시간 (ms)

easing

회전 애니메이션에 적용할 easing 함수

enabled

컨트롤이 활성화되었는지 여부를 나타내는 값

scale

입력에 의한 줌 배율

scrollable

true로 설정할 경우, 캔버스 영역 내에서 마우스 휠을 이용한 페이지 스크롤이 가능해집니다.

주의

이 값을 활성화할 경우, 마우스 휠을 통한 줌이 불가능하게 됩니다.

zoom

현재 줌 값

Methods

destroy

인스턴스를 삭제하고 부착된 모든 이벤트 리스너를 제거합니다.

disable

컨트롤을 비활성화하고 모든 이벤트 리스너들을 제거합니다.

enable

컨트롤을 활성화하고 이벤트 리스너들을 추가합니다.

hasOn

off

on

once

sync

컨트롤을 카메라의 현재 상태와 동기화합니다.

trigger

Constructor

ZoomControl의 인스턴스를 생성합니다.

new ZoomControl(controlEl: HTMLElement, enableBlocked: boolean, options: Partial<ZoomControlOptions>): ZoomControl

Parameters

controlEl

HTMLElement

입력을 받을 엘리먼트

enableBlocked

boolean

초기화 과정에서 컨트롤 활성화 여부

options

Partial<ZoomControlOptions>

{}

컨트롤 옵션들

Properties

animating

readonly

animating

boolean

현재 컨트롤이 동작중인지를 나타내는 값

source

duration

>=4.0.0

readonly

duration

number

300

회전 애니메이션의 시간 (ms)

source

easing

>=4.0.0

readonly

easing

((x: number) => number)

EASING.EASE_OUT_CUBIC

회전 애니메이션에 적용할 easing 함수

See

EASING

source

enabled

readonly

enabled

boolean

컨트롤이 활성화되었는지 여부를 나타내는 값

source

scale

>=4.0.0

scale

number

1

입력에 의한 줌 배율

source

scrollable

scrollable

boolean

true로 설정할 경우, 캔버스 영역 내에서 마우스 휠을 이용한 페이지 스크롤이 가능해집니다.

주의

이 값을 활성화할 경우, 마우스 휠을 통한 줌이 불가능하게 됩니다.

source

zoom

>=4.0.0

readonly

zoom

number

현재 줌 값

source

Methods

destroy

>=4.0.0

destroy

void

destroy(): void

인스턴스를 삭제하고 부착된 모든 이벤트 리스너를 제거합니다.

source

disable

>=4.0.0

disable

void

disable(): void

컨트롤을 비활성화하고 모든 이벤트 리스너들을 제거합니다.

source

enable

>=4.0.0

enable

void

enable(): void

컨트롤을 활성화하고 이벤트 리스너들을 추가합니다.

source

hasOn

inherited

hasOn

boolean

hasOn<K>(eventName: K): boolean

Parameters

eventName

K

off

inherited

off

ZoomControl

off<K>(eventName: K, handlerToDetach: EventCallback<ZoomControlEvents, K, ZoomControl>): ZoomControl

Parameters

eventName

K

handlerToDetach

EventCallback<ZoomControlEvents, K, ZoomControl>

on

inherited

on

ZoomControl

on(eventHash: Partial<{ change: ((event: { delta: number; isKeyboard: boolean; isTouch: boolean }) => any); disable: ((event: { updateCursor: boolean }) => any); enable: ((event: { control: CameraControl; updateCursor: boolean }) => any); inputEnd: ((event: { inputType: "zoom" | "rotate" } & { isKeyboard: boolean; isTouch: boolean; scrolling: boolean }) => any); inputStart: ((event: { inputType: "zoom" | "rotate" } & { isKeyboard: boolean; isTouch: boolean; srcEvent: MouseEvent | TouchEvent | KeyboardEvent }) => any); staticClick: ((event: { isTouch: boolean }) => any) }>): ZoomControl

Parameters

eventHash

Partial<{ change: ((event: { delta: number; isKeyboard: boolean; isTouch: boolean }) => any); disable: ((event: { updateCursor: boolean }) => any); enable: ((event: { control: CameraControl; updateCursor: boolean }) => any); inputEnd: ((event: { inputType: "zoom" | "rotate" } & { isKeyboard: boolean; isTouch: boolean; scrolling: boolean }) => any); inputStart: ((event: { inputType: "zoom" | "rotate" } & { isKeyboard: boolean; isTouch: boolean; srcEvent: MouseEvent | TouchEvent | KeyboardEvent }) => any); staticClick: ((event: { isTouch: boolean }) => any) }>

once

inherited

once

ZoomControl

once(eventHash: Partial<{ change: ((event: { delta: number; isKeyboard: boolean; isTouch: boolean }) => any); disable: ((event: { updateCursor: boolean }) => any); enable: ((event: { control: CameraControl; updateCursor: boolean }) => any); inputEnd: ((event: { inputType: "zoom" | "rotate" } & { isKeyboard: boolean; isTouch: boolean; scrolling: boolean }) => any); inputStart: ((event: { inputType: "zoom" | "rotate" } & { isKeyboard: boolean; isTouch: boolean; srcEvent: MouseEvent | TouchEvent | KeyboardEvent }) => any); staticClick: ((event: { isTouch: boolean }) => any) }>): ZoomControl

Parameters

eventHash

Partial<{ change: ((event: { delta: number; isKeyboard: boolean; isTouch: boolean }) => any); disable: ((event: { updateCursor: boolean }) => any); enable: ((event: { control: CameraControl; updateCursor: boolean }) => any); inputEnd: ((event: { inputType: "zoom" | "rotate" } & { isKeyboard: boolean; isTouch: boolean; scrolling: boolean }) => any); inputStart: ((event: { inputType: "zoom" | "rotate" } & { isKeyboard: boolean; isTouch: boolean; srcEvent: MouseEvent | TouchEvent | KeyboardEvent }) => any); staticClick: ((event: { isTouch: boolean }) => any) }>

sync

>=4.0.0

sync

void

sync(camera: Camera): void

컨트롤을 카메라의 현재 상태와 동기화합니다.

Parameters

camera

Camera

카메라 인스턴스

source

trigger

inherited

trigger

ZoomControl

trigger<K>(event: K, ...params: EventTriggerParams<ZoomControlEvents, K>): ZoomControl

Parameters

event

K

params

EventTriggerParams<ZoomControlEvents, K>