Use css keyframes in JavaScript

I need to perform some animations in my project by using JavaScript.In my project, i want to draw some lines on the sheet at different angles & for this purpose i have used a stencil to draw but animations are not working properly. All i want is that the stencil(id: drawobjimg) must be back to its original position after performing animation(drawing line). I have attached a zip document file for your reference.

Steps to perform project are as follows.

  1. Click on the arrows one by one.
  2. Scales will appear.
  3. Click on each scale one by one.
  4. On each click on scale, stencil will draw one line.

Attachment: Exp_9_Contour__Copy_7123f1ef.zip

1 Reply

JA Jesus Arockia Sankaran S Syncfusion Team August 23, 2021 09:27 AM UTC

Hi Rahul, 

Thank you for contact Syncfusion support. 

We have gone through your query and we suspect that it is related to general animation using CSS using Stencil. We kindly ask you to post your queries to either general developer discussion forums such as stackoverflow, mozilla developer forums, etc. to reach out wide range of developer fraternity for getting accurate and faster response.  

We request you to post any queries related to Syncfusion products if you have any. 

Regards, 
Jesus Arockia Sankaran S 


Loader.
Up arrow icon