Qu'est-ce que la
1. Introduction de base de
1. Quoi?
La forme de base est ensuite transmise en tant que valeur aux propriétés (telles que la propriété shape-outside ou la propriété clip-path), qui sont utilisées pour appliquer des formes aux éléments afin de modifier le flux de contenu autour d'eux, ou pour découper l'élément pour définir des formes séparément.
2. Boîte de référence de forme
En plus de la hauteur et de la largeur de l'élément, la boîte du modèle de boîte de l'élément : margin box (marge -box), content-box (content-box), padding-box (padding-box) et border (border-box), peuvent également être utilisés comme référence pour spécifier la plage de forme sur un élément. Le cadre de référence peut être l’un des quatre cadres.
Lorsque
2. Fonctions de forme de base
Voici les graphiques actuellement pris en charge par
1. inset()
Syntaxe :
inset( <shape-arg>{1,4} [round <border-radius>] )
Explication : La fonction
inset() définit un insert rectangle.
Il nécessite 1 à 4 valeurs de décalage, qui pointent vers le décalage des bords et sommets de la boîte de référence intérieure (bordures et sommets supérieur, droit, inférieur et gauche). Ceux-ci spécifient la position du rectangle d'insertion dans l'élément.
Le paramètre facultatif
2. circle()
circle( [<shape-radius>]? [at <position>]? )
La fonction circle() définit un cercle d'insertion
3. ellipse()
ellipse( [<shape-radius>{2}]? [at <position>]? )
La fonction ellipse() définit une ellipse ; les paramètres
4. polygon()
polygon( [<fill-rule>,]? [<shape-arg> <shape-arg>]# )
<shape-arg> = <length> | <percentage>
la fonction polygon() définit un polygone
3. Description des formes de base
Valeurs calculées des formes de base
Les valeurs des fonctions de forme de base sont calculées comme spécifié, avec des exceptions telles que :
1 Les valeurs omises sont incluses et leurs valeurs par défaut sont calculées.
2. Une valeur
3. Un inset
sont définies dans le cadre des propriétés qui ont ces formes comme valeurs.
Interpolation de formes de base (animation entre formes)
Pour interpoler entre une forme de base et une deuxième forme de base, les règles suivantes s'appliquent. Les valeurs de la fonction shape sont insérées sous forme de simples listes. Les valeurs de la liste sont interpolées sous forme de longueur, de pourcentage ou de calcul lorsque cela est possible. Si les valeurs de la liste ne font pas partie de ces types mais sont identiques (par exemple, une valeur différente de zéro trouve la même position dans les deux listes), alors les valeurs sont interpolées.
1. Les deux formes doivent utiliser le même référentiel.
2. Si les deux formes sont du même type, ce type est ellipse() ou circle(), et aucun rayon n'utilise le mot-clé le plus proche ou le plus éloigné, alors dans la fonction de forme Interpoler entre chaque valeur.
3. Si les deux formes sont de type inset(), une interpolation est effectuée entre chaque valeur dans la fonction de forme.
4. Si les deux formes sont de type polygon(), alors les deux polygones ont le même nombre de sommets et sont interpolés entre chaque valeur dans la fonction de forme en utilisant la même
5. Dans tous les autres cas, aucune interpolation n'est spécifiée.
4. Compatibilité des navigateurs
Résumé : Ce qui précède représente l'intégralité du contenu de cet article. j'espère que cela sera utile à l'étude de chacun.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!