Animations not working on Versa (works on Emulator... - Fitbit Community

Join us on the Community Forums!

Community Guidelines

The Fitbit Community is a gathering place for real people who wish to exchange ideas, solutions, tips, techniques, and insight about the Fitbit products and services they love. By joining our Community, you agree to uphold these guidelines, so please take a moment to look them over.
Learn the Basics

Check out our Frequently Asked Questions page for information on Community features, and tips to make the most of your time here.
Join the Community!

Join an existing conversation, or start a new thread to ask your question. Creating your account is completely free, and takes about a minute.

Animations not working on Versa (works on Emulator)

Rhouse2077

4 0 1

I am having some problems with getting my Versa to show animations on an SVG arc. code below:

 <arc id="Min_Arc"
       x="35"
       y="35"
       width="230" 
       height="230" 
       fill="#f6ed60"
       arc-width="2" start-angle="0" sweep-angle="0"  layer="2"
  >
    <animate id="minAni" attributeName="sweep-angle" begin="enable" dur=".75" final="keep" to="360" from="0"/>
  </arc>

I am attempting to trigger this with this javascript&colon;

const minAni  = document.getElementById("minAni")
minAni.animate("enable");

This works perfectly on the emulator but has no effect when used on an actual Versa, anyone have any ideas?

Best Answer

1 REPLY 1

Rhouse2077

4 0 1

slight correction, the to and from are in the animate element not the arc element, sorry about that

Best Answer