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

finish Symbol refactor

Browse Source 
finish Symbol refactor
finish all reusable elements refactor (iOS)
This commit is contained in:
Horcrux
2016-07-24 11:41:00 +08:00
parent 10b28434bb
commit cbea7a4edb
14 changed files with 103 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
Example/examples/Symbol.js
View File

@@ -15,25 +15,27 @@ class SymbolExample extends Component{
height="150"
width="110"
>
<Symbol id="symbol" viewbox="0 0 150 110" width="100" height="50">
<Symbol id="symbol" viewBox="0 0 150 110" >
<Circle cx="50" cy="50" r="40" strokeWidth="8" stroke="red" fill="red"/>
<Circle cx="90" cy="60" r="40" strokeWidth="8" stroke="green" fill="white"/>
</Symbol>
<Use
href="url(#symbol)"
href="#symbol"
x="0"
y="0"
width="100"
height="50"
/>
<Use
href="url(#symbol)"
href="#symbol"
x="0"
y="50"
width="75"
height="38"
/>
<Use
href="url(#symbol)"
href="#symbol"
x="0"
y="100"
width="50"
@@ -47,20 +49,20 @@ const icon = <Svg
height="20"
width="20"
>
<Symbol id="symbol" viewbox="0 0 150 110">
<Symbol id="symbol" viewBox="0 0 150 110">
<Circle cx="50" cy="50" r="40" strokeWidth="8" stroke="red" fill="red"/>
<Circle cx="90" cy="60" r="40" strokeWidth="8" stroke="green" fill="white"/>
</Symbol>
<Use
href="url(#symbol)"
href="#symbol"
x="0"
y="0"
width="20"
height="10"
/>
<Use
href="url(#symbol)"
href="#symbol"
x="0"
y="12"
width="20"