I have a set of PNGs that need to be flipped horizontally, vertically, and both. To do so, I used:
<image x="0" y="0" width="150" height="150" href="png/base.png"/>
<g transform="scale(-1, 1)">
<image x="-300" y="0" width="150" height="150" href="png/base.png"/>
</g>
<g transform="scale(1, -1)">
<image x="0" y="-300" width="150" height="150" href="png/base.png"/>
</g>
<g transform="scale(-1, -1)">
<image x="-300" y="-300" width="150" height="150" href="png/base.png"/>
</g>On the emulator, the scale(-1, 1) and scale(1, -1) versions display fine with no issues. However, upon deployment to my device, only the unchanged and scale(-1, -1) version show up at all.
I believe, along with the issue of image masks not stacking properly, this is another bug in the Versa 2 OS?
I also tried to use another translate instead of a default offset:
<image x="0" y="0" width="150" height="150" href="png/base.png"/>
<g transform="translate(300, 0) scale(-1, 1)">
<image x="0" y="0" width="150" height="150" href="png/base.png"/>
</g>with the same result; the emulator shows it but the device cannot.
Best Answer