Methods
Describes the JavaScript methods to load and play animation in the Lottie-Vue component.
Use the following JavaScript methods to load and play animations using the Lottie-Vue component.
Method:
togglePlayPause()Purpose: Toggles between playing and pausing the animation.
Return Type:
void-----------------------------------------------Method:
toggleFullscreen()Purpose: Toggles between using the player in full-screen mode and in minimal mode.
Parameters: None
Return Type:
void--------------------------------------------------------Method:
toggleLoop()Purpose: Toggles animation looping. If the looping is set to true,
toggleLooping() sets it to false, and vice versa.Parameter: None
Return Type:
void--------------------------------------------------------Method:
getVersions()Purpose: Returns the version of lottie-web used, as well as the current player's version.
Return Type:
{ lottieWebVersion: string, lottiePlayerVersion: string, lottieVuePlayerVersion: string }--------------------------------------------------------Method:
setPlayerSpeed(value?: number)Purpose: Sets the animation playback speed.
Parameters:
Name | Type | Description |
|---|---|---|
value | number | Playback speed. The value must be any positive integer.
The default value is 1. |
Return Type:
void--------------------------------------------------------Method:
stop()Purpose: Stops animation play.
Parameter: None
Return Type:
void--------------------------------------------------------Method:
setBackgroundColor(color: string)Purpose: Sets the background color.
Parameters:
Name | Type | Description |
|---|---|---|
color | string | An RGB color value. |
Return Type:
void
Last modified 9mo ago