From 9cd092c918f85a1a6ab1cf4fc6fd6cfe676d5e42 Mon Sep 17 00:00:00 2001
From: Horcrux <master@horcrux.cn>
Date: Sat, 6 Aug 2016 09:45:47 +0800
Subject: [PATCH] Add Example to draw a pie by stroke with circle

---
 Example/examples/Circle.js | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/Example/examples/Circle.js b/Example/examples/Circle.js
index 41664ce1..03a7412e 100644
--- a/Example/examples/Circle.js
+++ b/Example/examples/Circle.js
@@ -63,6 +63,34 @@ class StrokeOpacityCircle extends Component{
     }
 }
 
+class PieCircle extends Component{
+    static title = 'Draw a Pie shape with ';
+    render() {
+        return <Svg
+            height="100"
+            width="100"
+        >
+            <Circle
+                cx="50"
+                cy="50"
+                r="40"
+                fill="#ddd"
+            />
+            <Circle
+                origin="50, 50"
+                rotate="-90"
+                cx="50"
+                cy="50"
+                r="20"
+                stroke="#0074d9"
+                strokeWidth="40"
+                fill="none"
+                strokeDasharray="80, 160"
+            />
+        </Svg>;
+    }
+}
+
 const icon = <Svg
     height="20"
     width="20"
@@ -77,7 +105,12 @@ const icon = <Svg
     />
 </Svg>;
 
-const samples = [CircleExample, StrokeCircle, StrokeOpacityCircle];
+const samples = [
+    CircleExample,
+    StrokeCircle,
+    StrokeOpacityCircle,
+    PieCircle
+];
 export {
     icon,
     samples