How to cancel running animation in Line using FabricJS?

In this tutorial, we will learn how to cancel a running animation in a Line using FabricJS. Line element is one of the basic elements provided in FabricJS. It is used to create straight lines. Since line elements are geometrically one-dimensional and contain no interiors, they are never filled. We can create a line object by creating an instance of fabric.Line, specifying the x and y coordinates of the line and adding it to the canvas. To cancel a running animation, we use the dispose method.

Syntax

 dispose() 

Not using dispose Method

Example

Let’s look at a code example to understand when dispose < 时 Line 对象的动画如何工作不使用 /i> method. Here we create a simple animation where a line object completes a full rotation and expands in width.

   
   



   
Without using dispose method
   
You can see the animation is happening properly
   
   

   
   



   
Using the dispose method
   
You can see that the animation no longer happens