Svg shape | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 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

1st Aug 2021, 7:59 PM
Dami
Dami - avatar
5 Answers
+ 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
1st Aug 2021, 8:36 PM
Abhay
Abhay - avatar
+ 3
https://www.sololearn.com/post/1261882/?ref=app
29th Aug 2021, 5:08 AM
Calviղ
Calviղ - avatar
+ 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
29th Aug 2021, 1:05 PM
Mehran
Mehran - avatar
+ 1
Thank you for your response, i would read more from the link above, thanks to solo learn for the community feat ures
2nd Aug 2021, 1:33 AM
Dami
Dami - avatar
+ 1
https://code.sololearn.com/Wnc1H3jaH0ua/?ref=app I remember this code from Nomeh Uchenna Gabriel .. he made a nice tutorial
29th Aug 2021, 7:34 AM
Prashanth Kumar
Prashanth Kumar - avatar