rotation of an element

[joachim 0 Likes (Newbie)]

How do I get the current rotation angle of an element ?

 

[GreenSock 18,878 Likes (Superhero)]

If you've animated it with GSAP, you can tap into the _gsTransform object:

yourElement._gsTransform.rotation; //rotation in degrees

It also has properties like x, y, scaleX, scaleY, etc. 

[PointC 14,466 Likes (Superhero)]

Jack already gave you the answer, but here's a little pen to get you started.

 

See the Pen vKOmzq by PointC (@PointC) on CodePen

 

Happy tweening.

[joachim 0 Likes (Newbie)]

Thanks Guys,

 

and where would I look for it in the Documentation ?

Is it there at all ?

[PointC 14,466 Likes (Superhero)]

I'm not sure if it's in the docs or not. I first read about it in a forum post, but a quick search of the docs doesn't yield any results for me. I'm sure Jack or Carl can let us know if it's in there or not. 

 

In the meantime, a similar question was asked and this post may help you:

http://greensock.com/forums/topic/9211-need-help-with-properties-in-gstransform-object/

 

Happy tweening.

[Carl 11,325 Likes (Superhero)]

The _gsTransform object is explained in the CSSPlugin docs under the notes for transforms.

 

https://greensock.com/docs/#/HTML5/GSAP/Plugins/CSSPlugin/

 

Loaded with info.

[PointC 14,466 Likes (Superhero)]

Doh! That's right - now I remember that.    

 

I sometimes do a docs search and get 0 results even though I know it's in there. 

[joachim 0 Likes (Newbie)]

Thanks everyone, your really helping !

 

SmoothOrigin still only works for SVGs right ?

Will this be changed in the near future ?

Would be important for me !

 

cheers

[joachim 0 Likes (Newbie)]

I'm having trouble with the dblclick recognition , could this be a gsab issue ?

[GreenSock 18,878 Likes (Superhero)]

smoothOrigin is for SVG only, that's correct. There haven't been enough community requests to justify porting that to regular CSS transforms as well yet. We'll keep listening though. 

 

As for Double-click recognition, I can't imagine how GSAP could possibly interfere with that. Feel free to do a test and just remove GSAP from the equation and see if it works. If you think it's GSAP, please create a reduced test case in codepen and send it our way; we'd be happy to take a peek.