Création de div ayant des bordures arrondies comme présentée sur la capture.
Il suffit d'instancier la classe RoundDiv avec en premier paramètre le composant ( div ) devant être arrondie puis le paramètre properties. quelques explication sur ce paramètre :
properties est un enregistrement d'enregistrement :
var props = [ ["property name1", "property value1" ], ["property name2", "property value2" ], ....]
les valeurs pour property nameX sont les suivantes :
- radius -> tous les rayons identiques.
- upperLeftRadiusX -> rayon X haut gauche
- upperLeftRadiusY -> rayon Y haut gauche
- upperRightRadiusX -> rayon X haut droit
- upperRightRadiusY -> rayon Y haut droit
- downerLeftRadiusX -> rayon X bas gauche
- downerLeftRadiusY -> rayon Y bas gauche
- downerRightRadiusX -> rayon X bas droit
- downerRightRadiusY -> rayon Y bas droit
- upperLeftClass-> Classe à utiliser sur la bordure haut/gauche ( par défaut : Plot )
- upperRightClass-> Classe à utiliser sur la bordure haut/droit ( par défaut : Plot )
- downerLeftClass-> Classe à utiliser sur la bordure bas/gauche ( par défaut : Plot )
- donwerRightClass-> Classe à utiliser sur la bordure bas/droit ( par défaut : Plot )
- upperClass -> Classe à utiliser sur la bordure haut ( par défaut : Plot )
- downerClass -> Classe à utiliser sur la bordure basse ( par défaut : Plot )
- leftClass -> Classe à utiliser sur la bordure gauche ( par défaut : Plot )
- rightClass -> Classe à utiliser sur la bordure droite. ( par défaut : Plot )
Ainsi il est possible de créer des divs ayant des bordures elliptiques ou ronde, et de personnaliser les dites bordures.
Attention, il faut bien respecter la casse :
un exemple est fourni dans main.js ( fonction init )