0

How does it works?

Hello 😊 I didn't really get how it works here. I tried to create a circle in svg on my own to see functions of each attribute following the eg. , but I never succeed to make it appear. This is what I figured : 1- Width and height create a box within which I can create the circle. But what does it stand for? It's not pixel, so what? 2-The cx and cy the position on the page. But in %, proportions...? I didn't get it at all. This is the code I wrote before : can you see where is my mistake? Thanks 😊 <svg width="2000" height="2000"> <circle cx="90" cy"90"r="60" fill="green"/> </svg>

30th Apr 2020, 7:12 AM
LouPe
LouPe - avatar
5 Answers
+ 3
You need to add space between cy attribute and r attribute. Like, cy="90" r="60"
30th Apr 2020, 7:34 AM
Raj Chhatrala
Raj Chhatrala - avatar
0
How, thanks. Searching for complicated things, I did not notice that 😅. I still didn't get how it works but it solved my problem. Thanks Grimes 🙏
30th Apr 2020, 7:38 AM
LouPe
LouPe - avatar
0
Thank you Mireille, I take the advice and I'll work on it
30th Apr 2020, 11:40 AM
LouPe
LouPe - avatar