Any plans to implement "rotate"?

Asked by Марко Кажић on 2014-10-29

I've seeked a SMIL polyfill for IE, this looks great, but we need rotate. I know you probably have a to-do list, it's not my intention to rant, just to get feedback if rotate is on that list?

Thanks.

Question information

Language:
English Edit question
Status:
Answered
For:
FakeSmile Edit question
Assignee:
No assignee Edit question
Last query:
2014-10-29
Last reply:
2014-11-03
Lthere (helder-magalhaes) said : #1

As you can check on the status page [1], 'animate' and 'animateTransform' are well supported, so there should be no issues with 'rotate' itself. You are likely hitting some other limitation (such as additive animations or event triggers) or possibly a bug.

Can you double check existing issues and confirm? If not one of the existing issues, can you elaborate on your "rotate needs", attaching an example where Fakesmile doesn't work as expected?

[1] http://leunen.me/fakesmile/status.html

Fenring (leunen-d) said : #2

Hi Марко,

I think you're referring to the rotate attribute of the animateMotion element. Right ?
The problem is that I don't see how to implement that simply (i.e without reimplementing a Bezier algorithm).

For the path positions, I use getPointAtLength() which returns the coordinates for a given distance, "utilizing the user agent's distance-along-a-path algorithm". But I don't see any API function to get the direction of the curve at a given point.

So, I'm tempted to answer : no, it's not planned unfortunately. :-(
If anyone foresee a solution, it is welcome.

As a workaround, I suggest to use a separate rotation animation in addition to the path animation. But it might be complicate to sync :-(

But what you can do now is vote for SVG animation in the Internet Explorer Platform Suggestion Box :
https://wpdev.uservoice.com/forums/257854-internet-explorer-platform/suggestions/6509024-svg-animation-elements

Can you help with this problem?

Provide an answer of your own, or ask Марко Кажић for more information if necessary.

To post a message you must log in.