SVG Circle | Sololearn: Learn to code for FREE!

0

SVG Circle

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 (:

svg

12/11/2018 10:00:10 AM

Rachael

4 Answers

New Answer

+6

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

+5

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

+1

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?

+1

Thank you that was a really helpful video (: