Updates gradientFill to use CGContext

C4/UI/Shape.swift

@@ -99,21 +99,24 @@ public class Shape: View {
     ///An optional variable representing a gradient. If this is non-nil, then the shape will appear to be filled with a gradient.
     public var gradientFill: Gradient? {
         didSet {
-            if let fill = gradientFill {
-                if mask == nil {
-                    let m = Shape(self)
-                    m.fillColor = black
-                    m.strokeColor = black
-                    mask = m
-                }
-                fillColor = nil
-                shapeLayer.contents = fill.render()?.cgimage
-            } else {
-                let image = UIImage.createWithColor(UIColor.clearColor(), size: CGSize(width: 1, height: 1)).CGImage
-                shapeLayer.contents = image
+            guard gradientFill != nil else {
+                fillColor = clear
                 return
             }
+            let gim = gradientFill?.render()?.cgimage
+
+            //inverts coordinate for graphics context rendering
+            var b = bounds
+            b.origin.y = self.height - b.origin.y
 
+            UIGraphicsBeginImageContextWithOptions(CGSize(b.size), false, UIScreen.mainScreen().scale)
+            let context = UIGraphicsGetCurrentContext()
+
+            CGContextDrawTiledImage(context, CGRect(b), gim)
+            let uiimage = UIGraphicsGetImageFromCurrentImageContext()
+            let uicolor = UIColor(patternImage: uiimage)
+            fillColor = Color(uicolor)
+            UIGraphicsEndImageContext()
         }
     }
 
@@ -179,9 +182,6 @@ public class Shape: View {
         }
         set(color) {
             shapeLayer.fillColor = color?.CGColor
-            if color != nil {
-                gradientFill = nil
-            }
         }
     }