Shapes

Les formes sont des objets statiques qui peuvent être ajoutées à des formes 4D.

Les formes 4D prennent en charge les formes basiques suivantes :

• rectangles
• lignes
• ovales

Rectangle

Un rectangle statique est un objet décoratif contenu dans les formulaires. Les rectangles sont limités à des formes carrées.

Les rectangles sont créés à l'aide de plusieurs propriétés (couleur, épaisseur de ligne, motif, etc.). L'arrondi, en particulier, des coins du rectangle peuvent être définis.

Exemple JSON :

    "myRectangle": {
        "type": "rectangle",    //définit le type d'objet
        "left": 60,             //position sur la gauche du formulaire
        "top": 160,             //position en haut du formulaire
        "width": 100,           //largeur de l'objet 
        "height": 20,           //hauteur de l'objet
        "borderRadius": 20      //définit le rayon d'arrondi
                }

Propriétés prises en charge

Bas - Css Class - Rayon d'arrondi - Type de pointillé - Couleur de fond - Hauteur - Dimensionnement horizontal - Gauche - Couleur de ligne - Épaisseur du trait - Nom - Droite - Haut - Type - Dimensionnement vertical - Visibilité - Largeur

Ligne

Une ligne statique est un objet décoratif pour les formulaires, entre deux tracés. Les lignes peuvent être horizontales, verticales ou de toute forme d'angle.

Les lignes sont créées à l'aide de plusieurs propriétés (couleur, épaisseur de ligne, etc.).

propriété startPoint

La propriété JSON startPoint définit à partir de quelle coordonnée la ligne peut être dessinée (voir l'exemple).

la propriété startPoint n'est pas exposée dans la liste des propriétés, où la direction du dessin de ligne est visible.

Exemple JSON :

    "myLine": {
        "type": "line",                
        "left": 20,
        "top": 40,
        "width": 100,
        "height": 80,
        "startPoint": "topLeft", //première orientation
        "strokeDashArray": "6 2" //pointillé
        }

Result:

    "myLine": {
        "type": "line",                
        "left": 20,
        "top": 40,
        "width": 100,
        "height": 80,
        "startPoint": "bottomLeft", //deuxième orientation
        "strokeDashArray": "6 2" //pointillé
        }

Result:

Propriétés prises en charge

Bas - Css Class - Type de pointillé - Hauteur - Dimensionnement horizontal - Gauche - Couleur du trait - Épaisseur du trait - Nom - Droite - startPoint - Haut - Type - Dimensionnement vertical - Visibilité - Largeur

Ovale

Un ovale statique est un objet décoratif contenu dans les formulaires. Les objets de forme ovale peuvent être utilisés pour dessiner des formes circulaires (lorsque les propriétés largeur et hauteur sont identiques).

Exemple JSON :

    "myOval": {
        "type": "oval",    //définit le type d'objet
        "left": 60,             //position sur la gauche du formulaire
        "top": 160,             //position en haut du formulaire
        "width": 100,           //largeur de l'objet 
        "height": 20,           //hauteur de l'objet
        "borderRadius": 20      //définit la couleur de fond
                }

Propriétés prises en charge

Bas - Css Class - Type de pointillé - Couleur de fond - Hauteur - Dimensionnement horizontal - Gauche - Couleur du trait - Épaisseur du trait - Nom - Droite - Haut - Type - Dimensionnement vertical - Visibilité - Largeur