X
Tap here to go to the mobile version of the site.

Support Forum

SVG animation issue

Posted

Hi,

the css animation of the svg:circle looks weird. It seems that the size of the bbox does not follow the size of the circle itself. As a result the circle from time to time is cut at borders. I have not faced this problem with other browsers. The problems seems to appear on Windows 7/10 only. On Mac this looks better.

https://jsfiddle.net/j974Lkq8/

https://jsfiddle.net/dnvaw7to/

When I use SVG animation all is fine. https://jsfiddle.net/gex5rL3o/

Regards, Maciej

Hi, the css animation of the svg:circle looks weird. It seems that the size of the bbox does not follow the size of the circle itself. As a result the circle from time to time is cut at borders. I have not faced this problem with other browsers. The problems seems to appear on Windows 7/10 only. On Mac this looks better. https://jsfiddle.net/j974Lkq8/ https://jsfiddle.net/dnvaw7to/ When I use SVG animation all is fine. https://jsfiddle.net/gex5rL3o/ Regards, Maciej

Additional System Details

Installed Plug-ins

  • Shockwave Flash 29.0 r0

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0

More Information

WestEnd
  • Top 25 Contributor
60 solutions 5379 answers

Like to the site? Giving code will not give others to see what is happening?

Like to the site? Giving code will not give others to see what is happening?