hey guys, what am i doing wrong, the circle in the svg isn't drawing.

Question

if i remove the path, it is drawn or if i shuffle the two such that the circle comes first before path, it gets drawn and the path doesn't.

does this mean i can not draw two svg elements on top of each other?

thank you in advance.
here is the code,
https://code.sololearn.com/WeLvr2pqGnKr/?ref=app

Answer 1

Remember elements are stacked. Your path is on top of your circle so the circle has to draw first. Move path down after circle. It's not drawing correctly because you didn't close your element tags. <circle ... />
<path ... />

Answer 2

They are mostly just one tag but need the closing forward slash.
<circle />
Not
<circle></circle>
see example 2
https://www.w3schools.com/graphics/svg_path.asp
see the g tags vs the path and circle tags in the svg.

Answer 3

That's because it's looking for the / and sees it there. The extra < and circle aren't needed.
Check example in edited previous post.

Answer 4

okay, thanks anyway

Answer 5

thanks,,, it has worked.
i thought those svg elements do not require closing tags

Answer 6

but have tried this </circle> and it has worked

Answer 7

wow i learned some knew tags just now thanks