Home Manual Reference Source Repository
import CenteredZoomState from 'waves-ui/src/states/centered-zoom-state.js'
public class | source

CenteredZoomState

Extends:

src/states/base-state~BaseState → CenteredZoomState

CenteredZoomState is a timeline state mimicing the Live zoom interaction. It allows the user to browse the timeline by clicking on a track, and then

  • moving down to zoom in
  • moving up to zoom out
  • moving left to move in time, after
  • moving right to move in time, before

example usage

Constructor Summary

Public Constructor
public

constructor(timeline: *)

Member Summary

Public Members
public
public
public
public

maxZoom: *

public

minZoom: *

Method Summary

Public Methods
public

handleEvent(e: *)

public

onMouseDown(e: *)

public

onMouseMove(e: *)

public

onMouseUp(e: *)

Public Constructors

public constructor(timeline: *) source

Params:

NameTypeAttributeDescription
timeline *

Public Members

public currentLayer: * source

public initialY: * source

public initialZoom: * source

public maxZoom: * source

public minZoom: * source

Public Methods

public handleEvent(e: *) source

Params:

NameTypeAttributeDescription
e *

public onMouseDown(e: *) source

Params:

NameTypeAttributeDescription
e *

public onMouseMove(e: *) source

Params:

NameTypeAttributeDescription
e *

public onMouseUp(e: *) source

Params:

NameTypeAttributeDescription
e *