How to make a curve using <polyline> tag can you please tell

Question

A curve like semicircle

Answer 1

Hey!
Use <path> tag for curve shape

------svg graphics-------

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

Answer 2

With <polyline>, you will join many connected straight lines and it cannot be smooth.

Instead you should use <path> with C for curve.

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

C takes a beginning point, two control points and one ending point.

Try editing the coordinates in my demo and see what happens for understanding.

Answer 3

If necessary, I'll record a YouTube video to explain curve in SVG for you.

Answer 4

BEN_10 Then it is better to explicitly state that he should use <path>, because <polyline> is also <svg> element so orignal asker is already using <svg> so "you should use <svg>" will cause him to get confused.

Answer 5

BEN_10 can u tell me a sample code please
I just completed the svg course twice but cant understand

Answer 6

BEN_10 <polyline> is one of <svg> element.