From d990eaa4727b78442891ba086f41d0c7968bbb2b Mon Sep 17 00:00:00 2001
From: Horcrux <master@horcrux.cn>
Date: Sat, 23 Apr 2016 11:53:48 +0800
Subject: [PATCH] try to implement stroke text with gradient but failed

try to implement stroke text with gradient but failed
---
 Example/android/settings.gradle |  2 +-
 Example/examples/Text.js        |  9 ++++----
 ios/RNSVGText.m                 | 39 +++++++++++++++++++++++++++++----
 3 files changed, 41 insertions(+), 9 deletions(-)

diff --git a/Example/android/settings.gradle b/Example/android/settings.gradle
index 0ff10ad1..3efb88ac 100644
--- a/Example/android/settings.gradle
+++ b/Example/android/settings.gradle
@@ -3,4 +3,4 @@ rootProject.name = 'ArtSvgExample'
 include ':app'
 
 include ':react-native-svg'
-project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-art-svg/android')
+project(':react-native-svg').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-svg/android')
diff --git a/Example/examples/Text.js b/Example/examples/Text.js
index e2ef146f..f53a3954 100644
--- a/Example/examples/Text.js
+++ b/Example/examples/Text.js
@@ -7,7 +7,8 @@ import Svg, {
     LinearGradient,
     Stop,
     Defs,
-    ClipPath
+    ClipPath,
+    Rect
 } from 'react-native-svg';
 
 class TextExample extends Component{
@@ -96,11 +97,11 @@ class TextStroke extends Component{
         >
             <Defs>
                 <LinearGradient id="grad" x1="0" y1="0" x2="100" y2="0">
-                    <Stop offset="100%" stopColor="rgb(255,255,0)" stopOpacity="0" />
-                    <Stop offset="0%" stopColor="red" stopOpacity="1" />
+                    <Stop offset="100%" stopColor="#fff" stopOpacity="0" />
+                    <Stop offset="0%" stopColor="#000" stopOpacity="1" />
                 </LinearGradient>
             </Defs>
-
+            <Rect x="0" y="0" width="200" height="60" fill="blue" />
             <Text
                 stroke="url(#grad)"
                 strokeWidth="4"
diff --git a/ios/RNSVGText.m b/ios/RNSVGText.m
index 64e14193..7f95f0a8 100644
--- a/ios/RNSVGText.m
+++ b/ios/RNSVGText.m
@@ -78,9 +78,8 @@ static void RNSVGFreeTextFrame(RNSVGTextFrame frame)
             }
         }
     }
+    
     if (self.stroke) {
-        [self.stroke applyStrokeColor:context];
-        
         CGContextSetLineWidth(context, self.strokeWidth);
         CGContextSetLineCap(context, self.strokeLinecap);
         CGContextSetLineJoin(context, self.strokeLinejoin);
@@ -88,8 +87,40 @@ static void RNSVGFreeTextFrame(RNSVGTextFrame frame)
         if (dash.count) {
             CGContextSetLineDash(context, 0, dash.array, dash.count);
         }
-        if (mode == kCGTextFill) {
-            mode = kCGTextFillStroke;
+        
+        if (![self.stroke applyStrokeColor:context]) {
+            // TODO: stroke text with pattern
+            
+//            CGContextSetTextDrawingMode(context, kCGTextStrokeClip);
+//            CGContextSetStrokeColorWithColor(context, [[UIColor redColor] CGColor]);
+//            CGContextSetFillColorWithColor(context, [[UIColor whiteColor] CGColor]);
+//            CGRect rect = CGContextGetClipBoundingBox(context);
+//            
+//            CGContextScaleCTM(context, 1.0, -1.0);
+//            for (int i = 0; i < frame.count; i++) {
+//                [self renderLineTo:context atIndex:i];
+//                [self.stroke paint:context];
+//            }
+//            CGContextScaleCTM(context, 1.0, -1.0);
+//            //[self.stroke paint:context];
+//            
+//            CGImageRef image = CGBitmapContextCreateImage(context);
+//            
+//            CGImageRef mask = CGImageMaskCreate(CGImageGetWidth(image), CGImageGetHeight(image), CGImageGetBitsPerComponent(image), CGImageGetBitsPerPixel(image), CGImageGetBytesPerRow(image), CGImageGetDataProvider(image), CGImageGetDecode(image), CGImageGetShouldInterpolate(image));
+//            //CFRelease(image);
+//            
+//            CGContextSaveGState(context);
+//            //CGContextClearRect(context, rect);
+//            //CGContextClipToMask(context, rect, mask);
+//            [self.stroke paint:context];
+//            CFRelease(mask);
+//            //CGContextRestoreGState(context);
+//            
+//            return;
+        } else {
+            if (mode == kCGTextFill) {
+                mode = kCGTextFillStroke;
+            }
         }
     }