Comment utiliser
- Sélectionnez une forme préréglée ou commencez par le polygone par défaut dans l'éditeur SVG.
- Faites glisser les poignées circulaires pour repositionner chaque sommet du polygone.
- Ajoutez un nouveau point (inséré au point médian du bord sélectionné) ou supprimez le point sélectionné.
- Affinez les pourcentages X/Y exacts dans les entrées de coordonnées.
- Copiez le clip-path CSS généré et collez-le dans votre feuille de style.
Exemples
- Faire glisser une poignée de triangle à 50% 0%, 0% 100%, 100% 100% produit clip-path: polygon(50.0% 0.0%, 0.0% 100.0%, 100.0% 100.0%).
- Ajouter un point sur le bord droit d'un rectangle et le tirer vers l'extérieur crée une forme de flèche en temps réel.