From 7859813eac5b1095c423570c85ec8c55fba3b623 Mon Sep 17 00:00:00 2001
From: Horcrux <master@horcrux.cn>
Date: Thu, 21 Apr 2016 16:10:38 +0800
Subject: [PATCH] none color fill path add clip

---
 Example/examples/Clipping.js | 22 +++++++++++++++++++---
 ios/RNSVGPath.m              |  4 ++++
 2 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/Example/examples/Clipping.js b/Example/examples/Clipping.js
index 6e0a5795..8cc4d1b3 100644
--- a/Example/examples/Clipping.js
+++ b/Example/examples/Clipping.js
@@ -3,8 +3,10 @@ import React, {
 } from 'react-native';
 
 import Svg, {
-    GlipPath,
+    ClipPath,
     Defs,
+    RadialGradient,
+    Stop,
     Line,
     Rect,
     Text,
@@ -18,12 +20,26 @@ class ClipPathExample extends Component{
             height="100"
             width="100"
         >
+            <Defs>
+                <RadialGradient id="grad" cx="50%" cy="50%" rx="50%" ry="50%" fx="50%" fy="50%">
+                    <Stop
+                        offset="0%"
+                        stopColor="#fff"
+                        stopOpacity="1"
+                    />
+                    <Stop
+                        offset="100%"
+                        stopColor="#00f"
+                        stopOpacity="1"
+                    />
+                </RadialGradient>
+            </Defs>
             <Rect
                 x="0"
                 y="0"
                 width="100"
                 height="100"
-                fill="red"
+                fill="url(#grad)"
                 clipPath="M50,5L20,99L95,39L5,39L80,99z"
             />
         </Svg>;
@@ -31,7 +47,7 @@ class ClipPathExample extends Component{
 }
 
 class ClipRulePathExample extends Component{
-    static title = 'Clip by set clip-path with a path data';
+    static title = 'Clip a group with clipRule="evenodd"';
     render() {
         return <Svg
             height="100"
diff --git a/ios/RNSVGPath.m b/ios/RNSVGPath.m
index d5e04fdc..49b6a973 100644
--- a/ios/RNSVGPath.m
+++ b/ios/RNSVGPath.m
@@ -36,6 +36,10 @@
         if ([self.fill applyFillColor:context]) {
             mode = self.fillRule == kRNSVGCGFCRuleEvenodd ? kCGPathEOFill : kCGPathFill;
         } else {
+            if (self.clipPath) {
+                [self clip:context];
+            }
+            
             CGContextSaveGState(context);
             CGContextAddPath(context, self.d);
             CGContextClip(context);