SVG Circle

Question

Please can someone help me understand...

If the cx and cy attributes of a <circle> represent the x and y coordiante for the centre of that circle, then why is it that when they're omitted, I only see quarter of a circle? Surely it should just be that the circle would move?

TIA Guys (:

Answer 1

Because by default it adds cx=0 and cy=0 since you have omitted cx and cy , hence you see a quarter circle(center of circle is at (0,0) origin)

https://code.sololearn.com/W1w82WxVaZ1r/?ref=app
https://code.sololearn.com/Wc7JrF83zt38/?ref=app

Answer 2

Because your origin start from there.
https://youtu.be/RMUxP3ZNTEI
change cx,cy coordinate you will see the circle

Answer 3

Fair enough when it's in the top left of the screen, but if you use css to move it why doesn't the rest of the circle appear?

Answer 4

Thank you that was a really helpful video (: