Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/liuhong1happy/react-native-windows-svg
create windows svg component with Canvas、Shape.
https://github.com/liuhong1happy/react-native-windows-svg
react react-native react-native-svg react-native-windows react-native-windows-svg
Last synced: 16 days ago
JSON representation
create windows svg component with Canvas、Shape.
- Host: GitHub
- URL: https://github.com/liuhong1happy/react-native-windows-svg
- Owner: liuhong1happy
- License: mit
- Created: 2017-04-01T00:54:07.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-06-07T14:18:41.000Z (over 7 years ago)
- Last Synced: 2024-10-07T08:08:38.642Z (about 1 month ago)
- Topics: react, react-native, react-native-svg, react-native-windows, react-native-windows-svg
- Language: C#
- Homepage:
- Size: 124 KB
- Stars: 14
- Watchers: 1
- Forks: 5
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# react-native-windows-svg
create windows svg component with Canvas、Shape.
## Install
npm install --save react-native-windows-svg
# Add the `node_modules/react-native-windows-svg/windows/ReactNativeSVG` project to your `Solution`.
## Usage
1. Add the SVGReactPackage in your `Solution`.
```c#
///
/// MainPage.cs
///
...
public override List Packages
{
get
{
return new List
{
new MainReactPackage(),
new SVGReactPackage() // add this line
};
}
}
...
```
2. Use the component in your react-native project.
```js
...
import {Svg, Rect } from 'react-native-windows-svg';
...
...
```
## Todos
- [x] SVG
- [x] Rect
- [ ] Text
- [x] Circle
- [x] Line
- [x] Ellipse
- [x] G
- [x] Path
- [x] Polygon
- [x] Polyline
## Contact
- Email: [[email protected]](mailto:[email protected])