Svg shape | Sololearn: Learn to code for FREE!

+1

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

Dami

5 Answers

New Answer

+4

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

+3

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

+2

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

+1

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

+1

https://code.sololearn.com/Wnc1H3jaH0ua/?ref=app I remember this code from Nomeh Uchenna Gabriel .. he made a nice tutorial