Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
rojus32

Help with proper crossbrowser SVG animation

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hi.

I can't seem to make GSAP run well on Safari. I made a simple example which runs smooth in IE, Chrome, Firefox except for Safari, where it ends up choppy. 

I've seen this happen not only with GSAP, but js in general, where it just can't refresh fast enough, though I don't know what's that about. 

 

I'm fairly new to coding and I would appreciate any help on how to do SVG animation properly for all the browsers.

 

 

Thank you,

 

Rojus.

See the Pen yoejKb by rojus (@rojus) on CodePen

Share this post


Link to post
Share on other sites

Hello @rojus32 and Welcome to the GreenSock Forum!

 

I tested on an iPad Air 2 on latest Safari (Safari 10 on iOS 10.3) and i'm seeing it animate smooth.

 

What device and Safari version are you seeing this choppy stuff going on?

 

The only thing i see in your code is that your not declaring your variable element with var. That is throwing an exception reference error in the console due to not declaring your variables with var, let or const.

 

:)

  • Like 2

Share this post


Link to post
Share on other sites

Hi.

I see.. it must be my browser, I'm running Safari 5.1.7 on windows.

Maybe you know some good alternative to test compatibility?

Share this post


Link to post
Share on other sites

Guess so, need to find some alternative though.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 


  • Recently Browsing   0 members

    No registered users viewing this page.

×