zoriya/react-native-svg
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-svg.git synced 2025-12-20 14:05:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add G element

Browse Source 
Add G element
This commit is contained in:
Horcrux
2016-01-22 18:41:52 +08:00
parent 815540fc28
commit b871e0087e
11 changed files with 181 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
Example/examples/Polygon.js
View File

@@ -42,7 +42,7 @@ class FourSidePolygon extends Component{
}
}
class StrarPolygon extends Component{
class StarPolygon extends Component{
static title = 'Use the <Polygon /> element to create a star';
render() {
return <Svg
@@ -61,6 +61,26 @@ class StrarPolygon extends Component{
}
}
class EvenOddPolygon extends Component{
static title = 'Change the fill-rule property to "evenodd"';
render() {
return <Svg
height="105"
width="105"
>
<Group scale="0.5">
<Polygon
points="100,10 40,198 190,78 10,78 160,198"
fill="lime"
stroke="purple"
strokeWidth="5"
fillRule="evenodd"
/>
</Group>
</Svg>;
}
}
const icon = <Svg
height="20"
width="20"
@@ -75,7 +95,7 @@ const icon = <Svg
</Group>
</Svg>;
const samples = [PolygonExample, FourSidePolygon, StrarPolygon];
const samples = [PolygonExample, FourSidePolygon, StarPolygon, EvenOddPolygon];
export {
icon,