bonjour, je me permet de présenté mon travail sur un svg, pensé pour être aninmé.
il est sous licence GPLv3 et libre a chacun de faire valoir ce qu'implique la licence cela n'est pas grand chose, et je rencontre quelque bug notament les étoiles tourné vers le centre. c'était mon petit jeu pour apprendre le svg... --- <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="450" height="300" viewBox="0 0 450 300" xmlns="http://www.w3.org/2000/svg";> <!-- Fond bleu officiel --> <rect width="450" height="300" fill="#003399"/> <!-- Définition de l'étoile à 5 branches --> <defs> <symbol id="etoile" viewBox="0 0 200 200"> <polygon points="100,10 79,72 15,72 66,110 45,181 100,134 155,181 134,110 185,72 121,72" fill="#FFFF00" stroke="none" /> </symbol> </defs> <!-- 12 étoiles en cercle, centrées dans le rectangle --> <g transform="translate(180, 130)"> <!-- Rayon du cercle : 80 (ajusté pour 450x300) --> <use href="#etoile" transform="rotate(0) translate(0, -100) rotate(0) scale(0.10)" /> <use href="#etoile" transform="rotate(30) translate(0, -100) rotate(-30) scale(0.10)" /> <use href="#etoile" transform="rotate(60) translate(0, -100) rotate(-60) scale(0.10)" /> <use href="#etoile" transform="rotate(90) translate(0, -100) rotate(-90) scale(0.10)" /> <use href="#etoile" transform="rotate(120) translate(0, -100) rotate(-120) scale(0.10)" /> <use href="#etoile" transform="rotate(150) translate(0, -100) rotate(-150) scale(0.10)" /> <use href="#etoile" transform="rotate(180) translate(0, -100) rotate(-180) scale(0.10)" /> <use href="#etoile" transform="rotate(210) translate(0, -100) rotate(-210) scale(0.10)" /> <use href="#etoile" transform="rotate(240) translate(0, -100) rotate(-240) scale(0.10)" /> <use href="#etoile" transform="rotate(270) translate(0, -100) rotate(-270) scale(0.10)" /> <use href="#etoile" transform="rotate(300) translate(0, -100) rotate(-300) scale(0.10)" /> <use href="#etoile" transform="rotate(330) translate(0, -100) rotate(-330) scale(0.10)" /> </g> </svg> ---
