Re: Animating <polygon> along a path - weird behavior

On 8/08/2014 10:19 AM, Dmitry Baranovskiy wrote:
I am pretty sure you are aware, but you can fix it by adding  transform="translate(-433,-392)” to the group element.
Works in Safari, but in FF I get completely wacky behaviour - the path with id="route" starts moving.
Chrome doesn't seem to support animateMotion on polygon at all.

So the original issue could be that you're expecting the crosses origin to be in it's center, when it's really at 0,0.
Or it could be browser support for animateMotion?



On 8 Aug 2014, at 5:04, Sara Soueidan <sara.soueidan@gmail.com<mailto:sara.soueidan@gmail.com>> wrote:

Hello guys,

So I was trying to animate a <polygon> along a path using <animateMotion> and got some unpredictable behavior.

Here is a live example: http://jsfiddle.net/SaraSoueidan/qL0hz6kr/6/

The red cross is a <polygon> that I'm trying to animate along path#route.

You can see how it behaves in the live demo.

I then tried to wrap the polygon in a group <g> and animate the group instead; got the same result.

Upon asking Dirk Schulze about this issue, he requested that I send an email to your mailing list. Hope this helps debug this behavior somehow.

Thank you!

--
Best,
Sara

http://sarasoueidan.com<http://sarasoueidan.com/>
@SaraSoueidan<http://twitter.com/SaraSoueidan>


The information contained in this email message and any attachments may be confidential and may also be the subject to legal professional privilege. If you are not the intended recipient, any use, interference with, disclosure or copying of this material is unauthorised and prohibited. If you have received this email in error, please immediately advise the sender by return email and delete the information from your system.