JSignage:AnimateRotate

This page is related to jSignage animation events.

.animateRotate()

.animateRotate( attributesObject );

Returns: jSignage Object

Description

Creates a rotation animation for a jSignage layer. This function was added in 3.1.0 firmware release.

Parameters

• attributesObject

  Type: Plain Object.

  An object containing any of the following attributes:

  • begin, dur, fill, repeatCount, repeatDur

    Attributes to control the timing of the animation.

  • accumulate, additive, by, calcMode, from, keySplines, keyTimes, to, values

    Attributes to define animation values over time.

    Note that the values, from, to and by attributes take rotation angles in degrees as values

Example

$(function () {    
    $.media( { href: 'media/logo.png' } )    
     .animateRotate( { from: 0, to: 360, dur: 10 } )    // rotate the image from 0 to 360 degrees in 10 seconds
     .addTo('svg');    
});