05-10-2018 03:49 - edited 05-10-2018 03:50
05-10-2018 03:49 - edited 05-10-2018 03:50
I found out that hands on Fitbit Light are rendered smooth on the watch:
I tried to imitate similar hands by the rectangle and 2 circles on the ends, and it renders fine in Emulator, although on the device they look like this:
I wonder how they're done in Fitbit's clock face?
Answered! Go to the Best Answer.
05-11-2018 19:41
05-11-2018 19:41
Because Fitbit only supports a subset of the SVG featureset that doesn't include rounded rectangles or linecaps I am fairly certain these are just rotated images.
05-11-2018 19:41
05-11-2018 19:41
Because Fitbit only supports a subset of the SVG featureset that doesn't include rounded rectangles or linecaps I am fairly certain these are just rotated images.
05-12-2018 13:14
05-12-2018 13:14
Have just tried this and actually result look worse than the SVG-way. PNG is rendered with rough edges when hands are at certain angles. Cannot make a photo to make it visible. So, still looking for the solution
05-12-2018 13:52 - edited 05-12-2018 13:55
05-12-2018 13:52 - edited 05-12-2018 13:55
Are you doing the "grayscale magic" as outlined in the css guide?
05-12-2018 13:59
05-12-2018 13:59
Not sure. Could you pinpoint?
It just rendered without any "smoothing", pixelated, you know? Looks even uglier than uneven SVG circles.
05-13-2018 07:47
05-13-2018 07:47
I just tried to use bitmaps of actuals sizes and those look pretty decent. Agree with your suggestion 🙂
05-21-2018 11:04
05-21-2018 11:04
I am also facing same problem
05-21-2018 23:13 - edited 05-21-2018 23:13
05-21-2018 23:13 - edited 05-21-2018 23:13
Either do this in your index.gui file:
<line stroke-linecap="round" />
Or put this line in your styles.css file:
line {stroke-linecap: round}