Changes between Version 10 and Version 11 of Fr:Help/Styles/MapCSSImplementation
- Timestamp:
- 2023-03-24T19:28:19+01:00 (3 years ago)
Legend:
- Unmodified
- Added
- Removed
- Modified
-
Fr:Help/Styles/MapCSSImplementation
v10 v11 1 [[TranslatedPages(revision=25 1)]]1 [[TranslatedPages(revision=257)]] 2 2 [[PageOutline(2-10,Table des Matières)]] 3 3 = Mise en œuvre de MapCSS = … … 722 722 way::A { a; } 723 723 way::B { b; } 724 way::* { c; } 724 way::* { c; } /* remplace toutes les sous-parties existantes */ 725 725 }}} 726 726 est équivalent à … … 729 729 way::A { a; } 730 730 way::B { b; } 731 way::A { c; } 732 way::B { c; } 731 way::A { c; } /* remplace a par c dans toutes les sous-parties existantes */ 732 way::B { c; } /* remplace b par c dans toutes les sous-parties existantes */ 733 733 }}} 734 734 Et il initialise de nouvelles sous-parties. En d'autres termes : … … 1016 1016 }}} 1017 1017 1018 Les groupes de paramètres sont affichés sous forme de sous-menus dans le menu des paramètres de style. Si au moins deux paramètres appartiennent à un groupe, un élément de menu spécial "Toggle all settings" ''(Permuter tous les paramètres)'' permet d'activer/désactiver rapidement tous les paramètres de ce groupe en une seule fois. Exemple d'utilisation : [wiki:/Styles/MapWithAI Modèle Cartographie avec IA (en)].1018 Les groupes de paramètres sont affichés sous forme de sous-menus dans le menu des paramètres de style. Si au moins deux paramètres appartiennent à un groupe, un élément de menu spécial "Toggle all settings" ''(Permuter tous les paramètres)'' permet d'activer/désactiver rapidement tous les paramètres de ce groupe en une seule fois. Exemple d'utilisation : [wikitr:/Styles/MapWithAI Modèle Cartographie avec IA)]. 1019 1019 1020 1020 … … 1037 1037 || `icon-offset-x` || Décale l'icône dans le sens horizontal (valeurs positives vers la droite) (depuis r8085) || ''Nombre'' || 0 || 1038 1038 || `icon-offset-y` || Décale l'icône dans la direction verticale (valeurs positives vers le bas) (depuis r8085) || ''Nombre'' || 0 || 1039 || `icon-rotation` || Fait tourner l'icône dans le sens des aiguilles d'une montre ou dans le sens inverse (valeur négative)(depuis r8260) || `[rad]`, `[rad]rad`, `[deg]°`, `[deg]deg`, `[grad]grad`, `[turn]turn` ([https://developer.mozilla.org/en/docs/Web/CSS/angle definition angles (en)]) \\ ou une direction cardinale (par exemple `northeast` ''(pour nord-est)'' ou `sw` ''(pour sud-ouest)''); \\ ou `way` pour faire pivoter l'icône dans la direction du chemin parent. \\ Voir aussi les fonctions `degree_to_radians` et `cardinal_to_radians`. || - || 1039 || `icon-rotation` || Fait tourner l'icône dans le sens des aiguilles d'une montre ou dans le sens inverse (valeur négative)(depuis r8260) || `[rad]`, `[rad]rad`, `[deg]°`, `[deg]deg`, `[grad]grad`, `[turn]turn` ([https://developer.mozilla.org/en/docs/Web/CSS/angle definition angles (en)]) \\ ou une direction cardinale (par exemple `northeast` ''(pour nord-est)'' ou `sw` ''(pour sud-ouest)''); \\ ou `way` pour faire pivoter l'icône dans la direction du chemin parent. \\ Voir aussi les fonctions `degree_to_radians` et `cardinal_to_radians`. \\Depuis la version 18678, la fonction parent_way_angle() est une alternative à way : par exemple {{{ way > node[...]::layer_x { ... icon-rotation: parent_way_angle(); ... } }}} || - || 1040 1040 || `icon-position` || Définit la position de l'icône pour les zones. Identique à `text-position` (depuis r11730). || `center` ''(centre)'', `inside` ''(à l'intérieur)'', `line` ''(ligne)'' || `center` || 1041 1041 || `symbol-shape` || Affiche un symbole à la position du nœud || `square` ''(carré)'', `circle` ''(cercle)'', `triangle` ''(triangle)'', `pentagon` ''(pentagone)'', `hexagon` ''(hexagone)'', `heptagon` ''(heptagone)'', `octagon` ''(octogone)'', `nonagon` ''(nonagone)'', `decagon` ''(décagone)'' || - || … … 1143 1143 || `text-anchor-horizontal` || positionnement horizontal des étiquettes de texte || `left`, `center`, `right` || `right` || 1144 1144 || `text-anchor-vertical` || positionnement vertical des étiquettes de texte || `above`, `top`, `center`, `bottom`, `below` || `bottom` || 1145 || `text-rotation` || Rotation du texte dans le sens des aiguilles d'une montre ou dans le sens inverse (valeur négative)\\(depuis r16253) || `[rad]`, `[rad]rad`, `[deg]°`, `[deg]deg`, `[grad]grad`, `[turn]turn` \\([https://developer.mozilla.org/fr/docs/Web/CSS/angle définition]) ou une direction cardinale (par exemple, `northeast` ''(nord-est)'' ou `sw` ''(sud-ouest)'') ; \\ ou `way` pour faire pivoter le texte dans la direction du chemin parent. \\Voir aussi les fonctions `degree_to_radians`, `cardinal_to_radians`. \\(Notez que la direction signifie l'orientation du bord supérieur du texte.\\Cela signifie qu'avec la direction par défaut du nord, le texte se dirige vers l'est\\(avec une langue de gauche à droite). \\Ainsi, si vous voulez le faire passer au sud, par exemple, vous devez définir l'est.) || - || 1145 || `text-rotation` || Rotation du texte dans le sens des aiguilles d'une montre ou dans le sens inverse (valeur négative)\\(depuis r16253) || `[rad]`, `[rad]rad`, `[deg]°`, `[deg]deg`, `[grad]grad`, `[turn]turn` \\([https://developer.mozilla.org/fr/docs/Web/CSS/angle définition]) ou une direction cardinale (par exemple, `northeast` ''(nord-est)'' ou `sw` ''(sud-ouest)'') ; \\ ou `way` pour faire pivoter le texte dans la direction du chemin parent. \\Voir aussi les fonctions `degree_to_radians`, `cardinal_to_radians`. \\Depuis la version 18678, la fonction parent_way_angle() est une alternative à way : par exemple : {{{ way > node[...]::layer_x { ... text-rotation: parent_way_angle(); ... } }}} \\(Notez que la direction signifie l'orientation du bord supérieur du texte.\\Cela signifie qu'avec la direction par défaut du nord, le texte se dirige vers l'est\\(avec une langue de gauche à droite). \\Ainsi, si vous voulez le faire passer au sud, par exemple, vous devez définir l'est.) || - || 1146 1146 || `text-position` |||||| voir [#AreaStyles Area styles] and [#LineStyles Line styles] || 1147 1147 || `font-family` || font family || ''String'' || "Droid Sans" \\(JOSM preference "`mappaint.font`") || … … 1173 1173 * '''`rgba(/*r*/, /*g*/, /*b*/, /*alpha*/)`''' - valeur rgb avec alpha 1174 1174 * '''`hsb_color(/*hue*/, /*saturation*/, /*brightness*/)`''' - couleur de l'espace couleur HSB 1175 * si la couleur est préfixée par un nom et un #, par exemple `color: highway_track#6e541c;` elle apparaîtra dans les [wikitr:/Help/Preferences/ColorPreference Préférences couleurs] et les utilisateurs finaux pourront ajuster la couleur eux-mêmes 1175 1176 1176 1177 '' '''Opacity''' '' (Opacité) … … 1345 1346 uniq_list():: 1346 1347 renvoie une liste de chaînes de caractères qui n'ont que des valeurs uniques à partir d'une liste de chaînes de caractères (''depuis r15353'') 1348 parent_way_angle():: 1349 renvoie l'angle de la voie parente sous la forme d'un double en rad [''depuis r18678''] (voir : text-rotation ou icon-rotation) 1347 1350 1348 1351 === Exemples ===
