Skip to content

Instantly share code, notes, and snippets.

@MohammadAzimi
Created December 15, 2021 17:50
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save MohammadAzimi/23e6799a1e77efd4ee6909cf5ec255f6 to your computer and use it in GitHub Desktop.
Save MohammadAzimi/23e6799a1e77efd4ee6909cf5ec255f6 to your computer and use it in GitHub Desktop.
from https://github.com/react-native-svg/react-native-svg#path
<path />:
The element is used to define a path.
The following commands are available for path data:
M = moveto
L = lineto
H = horizontal lineto
V = vertical lineto
C = curveto
S = smooth curveto
Q = quadratic Bézier curve
T = smooth quadratic Bézier curveto
A = elliptical Arc
Z = closepath
Note: All of the commands above can also be expressed with lower letters. Capital letters means absolutely positioned, lower cases means relatively positioned. See Path document of SVG to know parameters for each command.
<Svg height="100" width="100">
<Path
d="M25 10 L98 65 L70 25 L16 77 L11 30 L0 4 L90 50 L50 10 L11 22 L77 95 L20 25"
fill="none"
stroke="red"
/>
</Svg>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment