Étoile
Gratuit, sans inscription, fonctionne dans votre navigateur.
Douze points alternant entre un rayon extérieur et un rayon intérieur, la douceur abaissée pour que les pointes restent vives. Géométrie d'étoile classique, générée plutôt que dessinée : le nombre de branches et leur irrégularité vous appartiennent.
Les réglages qui la produisent
| Générateur | Blob |
|---|---|
| Points | 6 |
| Irrégularité | 12% |
| Douceur | 35% |
| Graine | 700 |
Ce qu'il faut savoir
- Six lobes font douze points : un vers l'extérieur, un vers l'intérieur, tout du tour.
- Une douceur faible garde les pointes vives ; augmentez-la et l'étoile devient une fleur.
- Reproductible à partir de la graine 700.
Ce que ça coûte en octets
Cette forme exacte pèse 551 octets en SVG et 712 octets en arrière-plan CSS — l'URI de données est plus lourde parce que l'encodage en pourcentage coûte trois caractères pour chacun qu'il échappe. Les deux chiffres concernent la forme montrée ci-dessus, avec deux décimales de précision sur les coordonnées.
| Format | Taille |
|---|---|
| SVG | 551 B |
| Arrière-plan CSS | 712 B |
| clip-path CSS | 769 B |
| border-radius CSS | 110 B |
Le début du SVG de Étoile
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 40.29C101.9 40.39,112.74 70.84,115.86 72.52C118.98 74.2,152.54 67.52,153.49 69.12C154.43 70.72,132.19 96.43,132.12 100C132.06 103.57,153.39 128.71,152.42 130.26C151.44 131.81,118.42 124.64,115.36 126.6C112.3 128.57,101.81 163.92,100 163.96C98.1…Plus en détail
L'étoile et la fleur ci-dessous sont les mêmes douze points reliés de deux façons, et c'est pourquoi c'est la douceur qui les sépare plutôt qu'un changement de mode. Cela veut dire aussi que vous pouvez vous arrêter n'importe où entre les deux — une étoile aux pointes légèrement adoucies est une forme qu'aucun des deux préréglages ne donne à lui seul.
Questions
Comment modifier Étoile une fois que je l'ai ?
Ouvrez le générateur, cliquez sur Étoile dans la rangée de préréglages, puis faites glisser ce que vous voulez. Le préréglage est un point de départ, pas un verrou — tous les curseurs restent actifs, et le champ de graine accepte un mot si vous préférez nommer votre forme plutôt que la numéroter.
Sera-t-elle identique la prochaine fois ?
Oui, tant que la graine est la même. Celle-ci est la graine 700 avec 6 points. Le générateur est déterministe : ces réglages reproduisent cette courbe exacte sur n'importe quel appareil.
Puis-je utiliser une autre couleur ?
Oui — la couleur est appliquée à l'export, elle n'est pas figée dans la géométrie. L'aperçu ci-dessus utilise la couleur par défaut ; choisissez la vôtre dans le générateur et le SVG, l'arrière-plan CSS et le clip-path suivront.
Chaque chiffre et chaque forme de cette page ont été produits en exécutant le générateur au moment de la compilation : ils décrivent donc l'outil que vous vous apprêtez à utiliser, et non une version qui a existé un jour.