Trailing Thin Line on <rect/>'s

[Abraham_ML]

I'm new to this. I started with trying to make an analog watch face, however, when running on a physical device I see trailing lines at the ends of my <rect/>'s. I'm not doing anything different compare to the guides. Any idea's? - photo

[Gondwana · Accepted solution]

There's a long-standing bug in the watch's rotation code. One way to avoid it is to pre-rotate rect images (ie, you'll need several of them), or create the whole background as one big image.

[Abraham_ML]

It being a long standing bug makes sense since I do see similar artifacts in other watch faces. However, I was able to get around this in my situation by using <line/>'s instead of <rect/>'s, same rotation logic but I no longer see the artifacts.

[Gondwana]

Other developers have had to use similar workarounds; see, for example, here.