Issue Description
Gradient angles calculated incorrectly when start/endpoint specified as %
Steps to replicate
Create a new alloy default application
open views/index.xml
replace the code with the next:
<Alloy>
<Window class="container">
<View class="someclass" width="100%" height="100%" borderColor="green" borderWidth="1">
<Label id="label" onClick="doClick">Hello, World</Label>
</View>
</Window>
</Alloy>
open styles/index.tss
replace the code with the next:
".someclass": {
backgroundGradient: {
type: "linear",
backfillStart: true,
backfillEnd: true,
startPoint: { x:'100%', y: '0%' },
endPoint: { x: '0%', y:'100%'},
colors: [{
color: "black",
offset: 0.0
},
{
color: "black",
offset: 0.48
},
{
color: "white",
offset: 0.52
},
{
color: "white",
offset: 1
}]
}
}
Run
The gradient is not from the left corner to the right corner (image attached)
Expected result
The gradient should be from the left corner to the right corner
[~rramirez] This isn't actually a bug , you are correct to assume that it should start from the left corner(i thought the same), however if you take a look [here](https://developer.apple.com/library/ios/documentation/General/Conceptual/Devpedia-CocoaApp/CoordinateSystem.html) on iOS the x and y axis start from the top left corner as oppose to the bottom left corner like they do on mac OS.
Closing ticket as invalid with reference to the above comments.