Cercle SVG
La balise
<circle> peut être utilisée pour créer un cercle :
Voici le code SVG :
Exemple
<!DOCTYPE html> <html> <body> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" /> </svg> </body> </html>
Exécuter l'instance»
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne
Pour les utilisateurs d'Opera : Afficher le fichier SVG (clic droit sur la source d'aperçu graphique SVG).
Analyse du code :
Les attributs cx et cy définissent les coordonnées x et y du point. Si cx et cy sont omis, le centre du cercle sera fixé à (0, 0)
r l'attribut définit le rayon du cercle