feat: combine paths with identical props (except d) - Githubissues

BenJeau / react-native-draw

SVG based data-driven React Native drawing component 🎨

https://www.npmjs.com/package/@benjeau/react-native-draw

MIT License

127 stars 42 forks source link

feat: combine paths with identical props (except d) #49

Closed BenJeau closed 2 years ago

BenJeau commented 2 years ago

Changes

Combine string path (d attribute of SVG paths) if the combineWithLatestPath prop is true
- Made path and data arrays for PathType
- Modified how the toSVG returns the string

Note: The prop combineWithLatestPath can be changed, but will only apply for the next time the opacity, color, or thickness changed

Example of the change

With combineWithLatestPath set to true

https://user-images.githubusercontent.com/22248828/152662556-37817769-c1ca-4a4e-b95b-85dd52fca7d1.mp4

With combineWithLatestPath set to false (default behaviour)

https://user-images.githubusercontent.com/22248828/152662557-8347c32e-3cef-4966-8bdf-ae57002c0cfb.mp4

Related issues

closes #48