Svg shape | Sololearn: Learn to code for FREE!


Svg shape

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

8/1/2021 7:59:52 PM


5 Answers

New Answer


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 ,



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


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

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