Svg shape

Question

I'm a beginner and I just passed the svg lesson but I have few questions

How do we draw other shapes? For example a kite.

Secondly: how do we know our M L Z I mean how do we know m should be 100 L 0 200

Answer 1

Z closes the opening path .

M defines starting point or path for your figure.

M100 0 would mean start at 100 pixel away from left of svg and 0 pixel from top of svg.

L0 200 means draw a line 0 pixel away from left and 200 pixel away from top .

Capital letter(L,H,V) are absolute commands that draw from positions 0 , 0 (if i am not wrong)

Lowercase letters(l, h, v) are relative commands that draw from previous positions of the other commands .

More on it here ,
https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/Paths

Answer 2

https://www.sololearn.com/post/1261882/?ref=app

Answer 3

svg is human readable. but it doesn't require that it must have been written by humans. we can generate svg by some apps

Answer 4

Thank you for your response, i would read more from the link above, thanks to solo learn
for the community feat
ures

Answer 5

https://code.sololearn.com/Wnc1H3jaH0ua/?ref=app

I remember this code from Nomeh Uchenna Gabriel ..
he made a nice tutorial