zoriya/react-native-svg
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-svg.git synced 2026-06-07 08:45:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix Polygon and Polyline

Browse Source
This commit is contained in:
Horcrux
2017-04-04 11:56:38 +08:00
parent 9df76e5668
commit e3b2f4c71a
3 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
elements/Polygon.js
+2 -1
View File
@@ -1,6 +1,7 @@
import React, {Component, PropTypes} from 'react'; import React, {Component, PropTypes} from 'react';
import Path from './Path'; import Path from './Path';
import {pathProps} from '../lib/props'; import {pathProps} from '../lib/props';
import extractPolyPoints from '../lib/extract/extractPolyPoints';
export default class extends Component{ export default class extends Component{
static displayName = 'Polygon'; static displayName = 'Polygon';
@@ -26,7 +27,7 @@ export default class extends Component{
return <Path return <Path
ref={ele => {this.root = ele;}} ref={ele => {this.root = ele;}}
{...this.props} {...this.props}
d={`M${points.trim().replace(/\s+/g, 'L')}z`} d={`M${extractPolyPoints(points)}z`}
/>; />;
} }
} }
elements/Polyline.js
+2 -1
View File
@@ -1,6 +1,7 @@
import React, {Component, PropTypes} from 'react'; import React, {Component, PropTypes} from 'react';
import Path from './Path'; import Path from './Path';
import {pathProps} from '../lib/props'; import {pathProps} from '../lib/props';
import extractPolyPoints from '../lib/extract/extractPolyPoints';
export default class extends Component{ export default class extends Component{
static displayName = 'Polyline'; static displayName = 'Polyline';
@@ -26,7 +27,7 @@ export default class extends Component{
return <Path return <Path
ref={ele => {this.root = ele;}} ref={ele => {this.root = ele;}}
{...this.props} {...this.props}
d={`M${points.trim().replace(/\s+/g, 'L')}`} d={`M${extractPolyPoints(points)}`}
/>; />;
} }
} }
lib/extract/extractPolyPoints.js
+4
View File
@@ -0,0 +1,4 @@
export default function (polyPoints) {
return polyPoints.replace(/-/, ' -').split(/(?:\s+|\s*,)\s*/g).join(' ');
}