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

refactor viewBox for svg

Browse Source
This commit is contained in:
Horcrux
2016-07-23 23:44:26 +08:00
parent 7e13b801e1
commit 10b28434bb
26 changed files with 464 additions and 217 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
Example/examples/Svg.js
View File

@@ -23,7 +23,8 @@ import Svg, {
Circle,
Rect,
Path,
Line
Line,
G
} from 'react-native-svg';
class SvgExample extends Component{
@@ -84,19 +85,21 @@ class SvgOpacity extends Component{
}
class SvgViewbox extends Component{
static title = 'SVG with `viewbox="40 20 100 40"`';
static title = 'SVG with `viewBox="40 20 100 40" and preserveAspectRatio="none"`';
render() {
return <Svg
height="100"
width="100"
viewbox="40 20 100 40"
viewBox="40 20 100 40"
preserveAspectRatio="none"
>
<Rect x="0" y="0" width="100" height="100" fill="black" />
<Circle cx="50" cy="50" r="30" fill="yellow" />
<Circle cx="40" cy="40" r="4" fill="black" />
<Circle cx="60" cy="40" r="4" fill="black" />
<Path d="M 40 60 A 10 10 0 0 0 60 60" stroke="black" />
<G>
<Rect x="0" y="0" width="100" height="100" fill="red" />
<Circle cx="50" cy="50" r="30" fill="yellow" />
<Circle cx="40" cy="40" r="4" fill="black" />
<Circle cx="60" cy="40" r="4" fill="black" />
<Path d="M 40 60 A 10 10 0 0 0 60 60" stroke="black" />
</G>
</Svg>;
}
}