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

html5 svg

8/1/2021 7:59:52 PM

Dami

5 Answers

New Answer

Sort by:

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

Abhay

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

Calviղ

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

Mehran

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

Dami

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

Prashanth Kumar