I am trying to animate a two stage half-tick of the second hand of my analog clockface. After a lot of tweaking, I finally got it working the way I wanted in the simulator, but when I sideload it to my Versa, the second hand stops halfway between the tic marks, instead of right on. Has anyone else seen differences between the simulator and hardware when it comes to animations?
Just for reference, here is what I've got coded:
<SVG>
<g id="secs" transform="translate(50%,50%)" opacity="0" display="none">
<animateTransform id="secang" attributeType="rotate" from="0" to="3"
begin="enable+0.5" dur="0.2" final="keep" />
<animateTransform id="secang2" attributeType="rotate" from="3" to="6"
begin="enable+0.9" dur="0.1" final="keep" />
<rect class="sechand" />
</SVG>
index.js
secAng.from = util.timeToAngle(secs);
secAng.to = util.timeToAngle(secs+0.5);
secAng2.from = util.timeToAngle(secs+0.5);
secAng2.to = util.timeToAngle(secs+1);
secHand.animate("enable");
