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

refactor text render

Browse Source 
Support G inherit props.
Refactor text render. Text glyphs will perfectly draw along the path
This commit is contained in:
Horcrux
2016-07-22 23:49:15 +08:00
parent 63f793c54e
commit 7e13b801e1
41 changed files with 467 additions and 477 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
Example/examples/G.js
View File

@@ -68,6 +68,7 @@ class GTransform extends Component{
<G
rotate="50"
origin="100, 50"
scale="0.75"
id="group"
>
<Line
@@ -96,7 +97,7 @@ class GTransform extends Component{
>
Text grouped with shapes</Text>
</G>
<Use href="url(#group)" x="5" rotate="0" />
<Use href="url(#group)" x="5" y="20" rotate="-50" stroke="red" />
</Svg>;
}
}
@@ -106,30 +107,35 @@ const icon = <Svg
width="20"
>
<G
r="3"
fill="purple"
stroke="pink"
strokeWidth="1"
>
<Circle
cx="5"
cy="5"
r="3"
/>
<Circle
cx="5"
cy="15"
r="3"
/>
<Circle
cx="10"
cy="10"
fill="green"
r="3"
/>
<Circle
cx="15"
cy="5"
r="3"
/>
<Circle
cx="15"
cy="15"
r="3"
/>
</G>
</Svg>;