Changes between Version 10 and Version 11 of Fr:Help/Styles/MapCSSImplementation


Ignore:
Timestamp:
2023-03-24T19:28:19+01:00 (3 years ago)
Author:
leni
Comment:

adjusted to 257 : ajout d'une indication sur les couleurs nommées ; utilisation de wikitr : au lieu de wiki: ; insertion de la note dans le tableau

Legend:

Unmodified
Added
Removed
Modified
  • Fr:Help/Styles/MapCSSImplementation

    v10 v11  
    1 [[TranslatedPages(revision=251)]]
     1[[TranslatedPages(revision=257)]]
    22[[PageOutline(2-10,Table des Matières)]]
    33= Mise en œuvre de MapCSS =
     
    722722way::A { a; }
    723723way::B { b; }
    724 way::* { c; }
     724way::* { c; }  /* remplace toutes les sous-parties existantes */
    725725}}}
    726726est équivalent à
     
    729729way::A { a; }
    730730way::B { b; }
    731 way::A { c; }
    732 way::B { c; }
     731way::A { c; } /* remplace a par c dans toutes les sous-parties existantes */
     732way::B { c; } /* remplace b par c dans toutes les sous-parties existantes */
    733733}}}
    734734Et il initialise de nouvelles sous-parties. En d'autres termes :
     
    10161016}}}
    10171017
    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)].
     1018Les 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)].
    10191019
    10201020
     
    10371037|| `icon-offset-x` || Décale l'icône dans le sens horizontal (valeurs positives vers la droite) (depuis r8085) || ''Nombre'' ||  0  ||
    10381038|| `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(); ... } }}}  ||  -  ||
    10401040|| `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`  ||
    10411041|| `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)'' ||  -  ||
     
    11431143|| `text-anchor-horizontal` || positionnement horizontal des étiquettes de texte || `left`, `center`, `right` ||  `right`  ||
    11441144|| `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.) ||  -  ||
    11461146|| `text-position` |||||| voir [#AreaStyles Area styles] and [#LineStyles Line styles] ||
    11471147|| `font-family` || font family || ''String'' ||  "Droid Sans" \\(JOSM preference "`mappaint.font`")  ||
     
    11731173 * '''`rgba(/*r*/, /*g*/, /*b*/, /*alpha*/)`''' - valeur rgb avec alpha
    11741174 * '''`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
    11751176
    11761177'' '''Opacity''' '' (Opacité)
     
    13451346 uniq_list()::
    13461347  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)
    13471350
    13481351=== Exemples ===