Skip to main content

Block

Everything in the canvas is a block, you can create your own block by extending the Block class.

class MyBlock extends Block {
    constructor(options) {
        super(options);
    }
    // you can define your option with methods, the method name will be the same as the option name, and the value will be passed as an argument to the method
    myOption(option) {
        // the value handler takes care of value caching and converting units, you just need to return the value you want to set for this option
        return super.__valueHandler(option, "myOption", default)
    }
}

Options can be defined as parameter that passes to the constructor:

const block = new Block(options)

Or can be defined as a method of the block after constructing your block:

block.x(option);

Options​

name​

Name defines name in block. Blocks can have same name in canvas.

block.name(option)

Option

  • type : string | undfined
  • default: undefined

Returns

  • name : string | undefined

onRender​

On render takes callback functions which is invoking each time when render works in canvas render process.

block.onRender(option)

Option

  • type : () => void | undfined
  • default: undefined

Returns

  • onRender : number | undefined

x​

X position of block can be defined with x parameter. Block position always starts from the top left corner of the canvas.

block.x(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • x : number

y​

Y position of block can be defined with y parameter. Block position always starts from the top left corner of the canvas.

block.y(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • y : number

width​

Width defines block width in canvas.

block.width(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • width : number

height​

Height defines block height in canvas.

block.height(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • height : number

minWidth​

Min width defines minimum resizable width of block in canvas.

block.minWidth(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • minWidth : number

minHeight​

Min height defines minimum resizable height of block in canvas.

block.minHeight(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • minHeight : number

maxWidth​

Max width defines minimum resizable width of block in canvas.

block.maxWidth(option)

Option

  • type : string | number | undfined
  • default: width's size

Returns

  • maxWidth : number

maxHeight​

Max height defines minimum resizable height of block in canvas.

block.maxHeight(option)

Option

  • type : string | number | undfined
  • default: height's size

Returns

  • maxHeight : number

position​

Position defines how block cordinates will change realtive to parent. Parent can be canvas or block itself.

block.position(option)

Option

  • type : "relative" | "absolute" | "sticky" | "fixed" | undfined
  • default: undefined

Returns

  • position : "relative" | "absolute" | "sticky" | "fixed" | undfined

top​

Top defines block y cordinate relative to parent block. Parent can be canvas or block itself.

block.top(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • top : number

bottom​

Bottom defines block y cordinate relative to parent block. Parent can be canvas or block itself.

block.bottom(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • bottom : number

left​

Left defines block x cordinate relative to parent block. Parent can be canvas or block itself.

block.left(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • left : number

Right defines block x cordinate relative to parent block. Parent can be canvas or block itself.

block.right(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • right : number

selectable​

Selectable defines blocks can be selectable. Selectable affects events and block transfomrations (resizable, draggable, rotatable).

block.selectable(option)

Option

  • type : boolean | undfined
  • default: false

Returns

  • selectable : boolean

padding​

Padding defines inner space for block.

block.padding(option)

Option

  • type : [string | number, string | number, string | number, string | number] | undfined
  • default: []

Returns

  • padding : [number, number, number, number]

paddingTop​

Padding top defines inner space from top for block.

block.paddingTop(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • paddingTop : number

paddingRight​

Padding right defines inner space from right for block.

block.paddingRight(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • paddingRight : number

paddingBottom​

Padding bottom defines inner space from bottom for block.

block.paddingBottom(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • paddingBottom : number

paddingLeft​

Padding left defines inner space from left for block.

block.paddingLeft(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • paddingLeft : number

margin​

Margin defines outter space for block relative to parent. Parent can be canvas or block itself.

block.margin(option)

Option

  • type : [string | number, string | number, string | number, string | number] | undfined
  • default: []

Returns

  • margin : [number, number, number, number]

marginTop​

Margin defines outter space from top for block relative to parent. Parent can be canvas or block itself.

block.marginTop(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • marginTop : number

marginRight​

Margin defines outter space from right for block relative to parent. Parent can be canvas or block itself.

block.marginRight(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • marginRight : number

marginBottom​

Margin defines outter space from bottom for block relative to parent. Parent can be canvas or block itself.

block.marginBottom(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • marginBottom : number

marginLeft​

Margin defines outter space from left for block relative to parent. Parent can be canvas or block itself.

block.marginLeft(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • marginLeft : number

zIndex​

Z index defines how block will positioned in canvas. Top element gets higher z index.

block.zIndex(option)

Option

  • type : number | undfined
  • default: undefined

Returns

  • zIndex : number | undfined

draggable​

Draggable enables blocks drag and drop transformation in canvas.

block.draggable(option)

Option

  • type : boolean | undfined
  • default: false

Returns

  • draggable : boolean

onDrag​

On drag takes callback functions which is invoking each time when draggable event invokes.

block.onDrag(option)

Option

  • type : (event: MouseEvent) => void | undfined
  • default: undefined

Returns

  • onDrag : (event: MouseEvent) => void | undfined

draggableX​

Drag x enables dragging on x axis.

block.draggableX(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • draggableX : boolean

draggableY​

Drag y enables dragging on y axis.

block.draggableY(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • draggableY : boolean

rotate​

Rotate defines rotating in radian on blocks.

block.rotate(option)

Option

  • type : number | undfined
  • default: 0

Returns

  • rotate : number

rotatable​

Rotatable enables block rotating transforamtion in canvas.

block.rotatable(option)

Option

  • type : boolean | undfined
  • default: false

Returns

  • rotatable : boolean

onRotate​

On rotate takes callback functions which is invoking each time when rotatable event invokes.

block.onRotate(option)

Option

  • type : (event: MouseEvent) => void | undfined
  • default: undefined

Returns

  • onRotate : (event: MouseEvent) => void | undfined

order​

Order defines order of block in LayoutBlocks.

block.order(option)

Option

  • type : number | undfined
  • default: undfined

Returns

  • order : number | undfined

flexBasis​

Flex basis defines the initial size of a flex item along the main axis. Implementation based on https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/flex-basis

block.flexBasis(option)

Option

  • type : number | "auto" | undfined
  • default: "auto"

Returns

  • flexBasis : number | "auto"

hotAreaGap​

Hot area gap defines gaps between hot lines.

block.hotAreaGap(option)

Option

  • type : number | undfined
  • default: 0

Returns

  • hotAreaGap : number

hotCornerSize​

Hot corner size defines size of hot corners

block.hotCornerSize(option)

Option

  • type : number | undfined
  • default: 5

Returns

  • hotCornerSize : number

hotCornerRadius​

Hot corner raidus defines raius of hot corners

block.hotCornerRadius(option)

Option

  • type : number | undfined
  • default: [0]

Returns

  • hotCornerRadius : number

hotCornerStrokeWidth​

Hot corner stroke width defines stroke width of hot corners

block.hotCornerStrokeWidth(option)

Option

  • type : number | undfined
  • default: 0

Returns

  • hotCornerStrokeWidth : number

hotCornerStrokeColor​

Hot corner stroke color defines stroke color of hot corners

block.hotCornerStrokeColor(option)

Option

  • type : string | undfined
  • default: "blue"

Returns

  • hotCornerStrokeColor : string

hotCornerBackgroundColor​

Hot corner background color defines background color of hot corners

block.hotCornerBackgroundColor(option)

Option

  • type : string | undfined
  • default: "white"

Returns

  • hotCornerBackgroundColor : string

hotLineStrokeWidth​

Hot lines stroke width defines stroke width of hot lines

block.hotLineStrokeWidth(option)

Option

  • type : number | undfined
  • default: 1.5

Returns

  • hotLineStrokeWidth : number

hotLineStrokeColor​

Hot lines stroke color defines stroke color of hot lines

block.hotLineStrokeColor(option)

Option

  • type : string | undfined
  • default: "blue"

Returns

  • hotLineStrokeColor : string

rotatableTopLeft​

Rotation top left enables to rotate from top left hot corner of block.

block.rotatableTopLeft(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • rotatableTopLeft : boolean

rotatableTopRight​

Rotation top right enables to rotate from top right hot corner of block.

block.rotatableTopRight(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • rotatableTopRight : boolean

rotatableBottomLeft​

Rotation bottom left enables to rotate from bottom left hot corner of block.

block.rotatableBottomLeft(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • rotatableBottomLeft : boolean

rotatableBottomRight​

Rotation bottom right enables to rotate from bottom right hot corner of block.

block.rotatableBottomRight(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • rotatableBottomRight : boolean

resizableTopLeft​

Resize top left enables to resize from top left hot corner of block.

block.resizableTopLeft(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • resizableTopLeft : boolean

resizableTopRight​

Resize top right enables to resize from top right hot corner of block.

block.resizableTopRight(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • resizableTopRight : boolean

resizableBottomLeft​

Resize bottom left enables to resize from bottom left hot corner of block.

block.resizableBottomLeft(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • resizableBottomLeft : boolean

resizableBottomRight​

Resize bottom right enables to resize from bottom right hot corner of block.

block.resizableBottomRight(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • resizableBottomRight : boolean

resizableTop​

Resize top enables to reszie from top hot line of block.

block.resizableTop(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • resizableTop : boolean

resizableLeft​

Resize left enables to reszie from left hot line of block.

block.resizableLeft(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • resizableLeft : boolean

resizableRight​

Resize right enables to reszie from right hot line of block.

block.resizableRight(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • resizableRight : boolean

resizableBottom​

Resize bottom enables to reszie from bottom hot line of block.

block.resizableBottom(option)

Option

  • type : boolean | undfined
  • default: true

Returns

  • resizableBottom : boolean

horizontalFlipResize​

Horizontal flip resize enables to resizable event to resize in flip position.

block.horizontalFlipResize(option)

Option

  • type : boolean | undfined
  • default: false

Returns

  • horizontalFlipResize : boolean

verticalFlipResize​

Vertical flip resize enables to resizable event to resize in flip position.

block.verticalFlipResize(option)

Option

  • type : boolean | undfined
  • default: false

Returns

  • verticalFlipResize : boolean

resizable​

Resizable enables block resizing transforamtion in canvas.

block.resizable(option)

Option

  • type : boolean | undfined
  • default: false

Returns

  • resizable : boolean

onResize​

On resize takes callback functions which is invoking each time when resizable event invokes.

block.onResize(option)

Option

  • type : (event: MouseEvent) => void | undfined
  • default: undefined

Returns

  • onResize : (event: MouseEvent) => void | undfined

hidden​

Hidden enables to hide block and its child blocks in canvas.

block.hidden(option)

Option

  • type : boolean | undfined
  • default: false

Returns

  • hidden : boolean

important​

Important overrides current value of options defined in blocks and persist to important values.

block.important(options)

Option

  • type : BlockOptions | undfined
  • default: undefined

Returns

  • important : BlockOptions | undfined

rotationCenterX​

Rotation center x defines center of rotation in x axis.

block.rotationCenterX(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • rotationCenterX : number

rotationCenterY​

Rotation center y defines center of rotation in y axis.

block.rotationCenterY(option)

Option

  • type : string | number | undfined
  • default: 0

Returns

  • rotationCenterY : number

cornerTopLeft​

Corner top left defines top left of corner for blocks.

block.cornerTopLeft(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • cornerTopLeft : { x: number; y: number }

cornerTopRight​

Corner top right defines top right of corner for blocks.

block.cornerTopRight(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • cornerTopRight : { x: number; y: number }

cornerBottomLeft​

Corner bottom left defines bottom left of corner for blocks.

block.cornerBottomLeft(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • cornerBottomLeft : { x: number; y: number }

cornerBottomRight​

Corner bottom right defines bottom right of corner for blocks.

block.cornerBottomRight(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • cornerBottomRight : { x: number; y: number }

hotCornerTopLeft​

Hot corner top left defines top left of hot corner for blocks.

block.hotCornerTopLeft(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • hotCornerTopLeft : { x: number; y: number }

hotCornerTopRight​

Hot corner top right defines top right of hot corner for blocks.

block.hotCornerTopRight(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • hotCornerTopRight : { x: number; y: number }

hotCornerBottomLeft​

Hot corner bottom left defines bottom left of hot corner for blocks.

block.hotCornerBottomLeft(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • hotCornerBottomLeft : { x: number; y: number }

hotCornerBottomRight​

Hot corner bottom right defines bottom right of hot corner for blocks.

block.hotCornerBottomRight(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • hotCornerBottomRight : { x: number; y: number }

hotRotCornerTopLeft​

Hot rot corner top left defines top left of hot rotation corner for blocks.

block.hotRotCornerTopLeft(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • hotRotCornerTopLeft : { x: number; y: number }

hotRotCornerTopRight​

Hot rot corner top right defines top right of hot rotation corner for blocks.

block.hotRotCornerTopRight(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • hotRotCornerTopRight : { x: number; y: number }

hotRotCornerBottomLeft​

Hot rot corner bottom left defines bottom left of hot rotation corner for blocks.

block.hotRotCornerBottomLeft(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • hotRotCornerBottomLeft : { x: number; y: number }

hotRotCornerBottomRight​

Hot rot corner bottom right defines bottom right of hot rotation corner for blocks.

block.hotRotCornerBottomRight(option)

Option

  • type : { x: number; y: number } | undfined
  • default: { x: 0, y: 0 }

Returns

  • hotRotCornerBottomRight : { x: number; y: number }

hotRotatableAreaTopLeft​

Hot rotatable area top left defines top left of hot rotation area for blocks.

block.hotRotatableAreaTopLeft(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotRotatableAreaTopLeft : HotCornerArea

hotRotatableAreaTopRight​

Hot rotatable area top right defines top right of hot rotation area for blocks.

block.hotRotatableAreaTopRight(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotRotatableAreaTopRight : HotCornerArea

hotRotatableAreaBottomLeft​

Hot rotatable area bottom left defines bottom left of hot rotation area for blocks.

block.hotRotatableAreaBottomLeft(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotRotatableAreaBottomLeft : HotCornerArea

hotRotatableAreaBottomRight​

Hot rotatable area bottom right defines bottom right of hot rotation area for blocks.

block.hotRotatableAreaBottomRight(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotRotatableAreaBottomRight : HotCornerArea

hotResizableAreaTopLeft​

Hot resizable area top left defines top left of hot resizing area for blocks.

block.hotResizableAreaTopLeft(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotResizableAreaTopLeft : HotCornerArea

hotResizableAreaTopRight​

Hot resizable area top right defines top right of hot resizing area for blocks.

block.hotResizableAreaTopRight(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotResizableAreaTopRight : HotCornerArea

hotResizableAreaBottomLeft​

Hot resizable area bottom left defines bottom left of hot resizing area for blocks.

block.hotResizableAreaBottomLeft(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotResizableAreaBottomLeft : HotCornerArea

hotResizableAreaBottomRight​

Hot resizable area bottom right defines bottom right of hot resizing area for blocks.

block.hotResizableAreaBottomRight(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotResizableAreaBottomRight : HotCornerArea

hotResizableAreaTop​

Hot resizable area top defines top area of hot resizing for blocks.

block.hotResizableAreaTop(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotResizableAreaTop : HotCornerArea

hotResizableAreaRight​

Hot resizable area right defines right area of hot resizing for blocks.

block.hotResizableAreaRight(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotResizableAreaRight : HotCornerArea

hotResizableAreaLeft​

Hot resizable area left defines left area of hot resizing for blocks.

block.hotResizableAreaLeft(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotResizableAreaLeft : HotCornerArea

hotResizableAreaBottom​

Hot resizable area bottom defines bottom area of hot resizing for blocks.

block.hotResizableAreaBottom(option)

Option

  • type : HotCornerArea | undfined
  • default: {topLeft: {x: 0, y: 0}, topRight: {x: 0, y: 0}, bottomLeft: {x: 0, y: 0}, bottomRight: {x: 0, y: 0}}

Returns

  • hotResizableAreaBottom : HotCornerArea

Methods​

render​

Render method works each time the canvas is invoked.

block.render(animator)

Parameters

Returns

  • render : void

animationHandler​

Animation handler register new animator that plays in canvas as animation.

block.animationHandler(animator)

Parameters

  • animator : (timestamp: number) => void

Returns

  • animationHandler : void

eventHandler​

Event handler register new event in canvas.

block.eventHandler(type, func, identify)

Parameters

  • type : string
  • func : CustomEvent<E>
  • identify : string

Returns

  • eventHandler : void

checkInBound​

Check in bound checks if given block in bound.

block.checkInBound(event)

Parameters

  • event : MouseEvent

Returns

  • checkInBound : boolean

invokeChange​

Invoke change tells canvas to render everything again.

block.invokeChange()

Parameters

Returns

  • invokeChange : void

set​

Sets changes to canvas and renders canvas again. This method crucial for saving changes in canvas history.

block.set(options)

Parameters

  • options: BlockOptions

Returns

  • set : void

bind​

Bind method binds block to another block option changes. Method takes block that will bind to it, and options which is list of option keys

block.bind(block, options)

Parameters

  • block: Block
  • options: (keyof IBlockOptions)[]

Returns

  • bind : void

animate​

Animate creates animations in canvas. Animate takes keframes and callback function which will be invoked in each frame.

block.animate(keyframes, callback)

Parameters

  • keyframes : AnimationKeyframe
  • callback : (timestamp: number, easing: number) => void

Returns

  • animationId : numer

animationStart​

Starts animation with given animationId

block.animationStart(animationId)

Parameters

  • animationId : number

Returns

  • animationStart : void

animationStop​

Stops animation with given animationId

block.animationStop(animationId)

Parameters

  • animationId : number

Returns

  • animationStop : void

animationFinish​

Finishes animation with given animationId

block.animationFinish(animationId)

Parameters

  • animationId : number

Returns

  • animationFinish : void

animationReverse​

Reverse animation with given animationId

block.animationReverse(animationId)

Parameters

  • animationId : number

Returns

  • animationReverse : void

animationDelay​

Delays animation with given animationId

block.animationDelay(animationId, value)

Parameters

  • animationId : number
  • value: number

Returns

  • animationDelay : void

animationPlaybackRate​

Defines play back rate of animation with given animationId

block.animationPlaybackRate(animationId, value)

Parameters

  • animationId : number
  • value: number

Returns

  • animationPlaybackRate : void

animationDirection​

Defines directon of animation with given animationId

block.animationDirection(animationId, value)

Parameters

  • animationId : number
  • value: 'normal' | 'reverse' | 'alternate' | 'alternate-reverse'

Returns

  • animationDirection : void

animationDuration​

Defines duration of animation with given animationId

block.animationDuration(animationId, value)

Parameters

  • animationId : number
  • value: number

Returns

  • animationDuration : void

animationIterationStart​

Defines where to start iteration of animation with given animationId

block.animationIterationStart(animationId, value)

Parameters

  • animationId : number
  • value: number

Returns

  • animationIterationStart : void

animationIterations​

Defines iterations of animation with given animationId

block.animationIterations(animationId, value)

Parameters

  • animationId : number
  • value: number

Returns

  • animationIterations : void

animationAutoStart​

Defines iterations of animation with given animationId

block.animationAutoStart(animationId, value)

Parameters

  • animationId : number
  • value: boolean

Returns

  • animationAutoStart : void