10-05-2017 13:24
10-05-2017 13:24
How can i change sweep-angle on runtime?
GUI:
<arc id="steps" x="30" y="20" width="100" height="100" fill="fb-lime"
arc-width="10" start-angle="0" sweep-angle="90" />
JS:
var arcSteps = document.getElementById("steps");
arcSteps.sweep-angle = "120"; <--- it doesnt work, build failed
arcSteps.sweepAngle = "120"; <--- it has no impact
Answered! Go to the Best Answer.
10-05-2017 14:41
10-05-2017 14:41
Some of our SVG are lacking in this release. sweepAngle should be in the next update though!
10-05-2017 14:41
10-05-2017 14:41
Some of our SVG are lacking in this release. sweepAngle should be in the next update though!
10-13-2017 20:11
10-13-2017 20:11
Will start-angle be in it as well? I am going through the same issue.
Ps how do you guys do the circles in the watch faces without this function? Do you have an alternative idea/coding you are using?
10-25-2017 18:08
10-25-2017 18:08
Sorry for the bump, but this is something Im working on as well. Wondering how this is currently implemented in the gauges clock face.
11-08-2017 13:24
11-08-2017 13:24
when is the next release that would have start-angle & sweep-angle that can be changed during run-time?
11-08-2017 13:36
11-08-2017 13:36
xxxxx.sweepAngle started working for me.
I am not sure if there have been changes, but it does work now.
11-08-2017 15:56
11-08-2017 15:56
11-08-2017 17:05
11-08-2017 17:05
My code for sweepAngle is basically:
import document from "document"; let tideArc = document.getElementById("tideArc"); function processTideData(data) { var time = data[1].date; var epoch = data[1].dt; var orario = new Date(epoch * 1000); let now = Date.now(); var timeDiff = Math.round((orario-now)/120000); tideArc.sweepAngle = Math.abs(180-timeDiff) }
11-12-2017 17:02
11-12-2017 17:02
I can confirm this is also working for me. Quite exciting.
09-04-2018 20:58
09-04-2018 20:58
Did you every figure out how to set a start angle?
11-06-2018 21:01
11-06-2018 21:01
Hi,
Did you ever get this solved? I am experiencing the same issue.
Thanks.
11-06-2018 21:15
11-06-2018 21:15
NVM. I had a conflicting script in my code! thanks.