=======================================================================
CURSEURS — le curseur change-t-il selon l'outil de dessin ?
Relevé fait le 15 octobre 2026 (recherche web + lecture des pages du §6).
=======================================================================

But : savoir ce que font les logiciels de dessin et de retouche pour le
curseur, outil par outil, et ce que cela implique pour le prototype
`index.html` (§6).

Lecture du document :
  [relevé]      = lu dans une page listée au §6 (ou dans son extrait de
                  recherche) ; la source est citée.
  [déduction]   = conséquence que je tire du relevé.
  [proposition] = ce que je proposerais de faire dans `index.html`, et
                  pourquoi.

Le document n'est pas une spécification : c'est le matériau brut.


----------------------------------------------------------------------
1. LES SIX FAMILLES DE CURSEURS
----------------------------------------------------------------------

Tous les logiciels examinés puisent dans les mêmes six familles.

1.1 La flèche (curseur neutre)
    Sélection, déplacement, interface. Windows en fait son curseur
    normal : `IDC_ARROW`, « Normal select » [relevé, §6.8]. MDN :
    `default` = « le curseur par défaut de la plateforme, typiquement
    une flèche » [relevé, §6.6].

1.2 La croix de visée (précision)
    Windows : `IDC_CROSS`, « Precision select » [relevé, §6.8]. MDN :
    « curseur en croix, souvent utilisé pour indiquer la sélection
    dans une image bitmap » [relevé, §6.6]. C'est le curseur du dessin
    au pixel près et de l'encadrement d'une zone.

1.3 Le contour d'outil (la taille réelle)
    Le curseur dessine l'empreinte de l'outil plutôt que de le
    symboliser.
      - Blender : « The cursor is shown as a circle in the 3D
        Viewport, the radius of the circle matches the size of the
        brush » — désactivable [relevé, §6.5].
      - GIMP : « Show brush outline » + « Snap brush outline to
        stroke », avec un avertissement de lenteur sur gros pinceau
        [relevé, §6.2].
      - Krita : contour « approximating the brush size », ou « based
        on the actual shape of the brush », ou un contour incliné
        [relevé, §6.3].
      - Photoshop : « Normal Brush Tip : displays an outline
        corresponding to about 50 % of the area the tool will
        affect » ; « Full Size Brush Tip » montre la pointe entière
        avec ses bords adoucis [relevé par source secondaire, §6.1].

1.4 L'icône d'outil (le pictogramme)
    Un petit symbole de l'outil accompagne le curseur.
      - GIMP : le mode de pointeur se choisit entre « Tool icon »,
        « Tool icon with crosshair » (icône + croix marquant le
        centre) et « Crosshair only » [relevé, §6.2].
      - Krita : « Tool Icon — Shows the currently selected tool
        icon, even for the freehand brush » [relevé, §6.3].
    [déduction] C'est la famille la moins utile seule : une icône
    collée au curseur ne dit pas OÙ le trait va commencer, d'où le
    mode « icône + croix ».

1.5 Le curseur métaphorique
      - main / panoramique : `grab` puis `grabbing` (MDN : « quelque
        chose peut être attrapé / est en train d'être attrapé »)
        [relevé, §6.6] ;
      - loupe : `zoom-in` / `zoom-out` [relevé, §6.6] ;
      - pipette : l'outil d'échantillonnage de couleur ;
      - seau : Microsoft décrit précisément deux curseurs de
        programme de dessin, « in which hot spots are associated with
        the tip of the brush and the crosshair of the paint can »
        [relevé, §6.8] — la croix du pot est son point chaud, pas un
        ornement.

1.6 Le réglage par l'utilisateur
    Aucun logiciel n'impose un curseur unique :
      - Photoshop : Standard / Precise (croix) / Normal Brush Tip /
        Full Size Brush Tip, plus « Show Crosshair in Brush Tip » et
        « Show Only Crosshair While Painting » ; et **Caps Lock**
        bascule entre contour et croix [relevé, §6.1].
      - GIMP : trois modes de pointeur (ci-dessus), plus
        « Pointer handedness » droite/gauche [relevé, §6.2].
      - Krita : 9 formes (Tool Icon, Arrow, Crosshair, Small circle,
        No Cursor, deux triangles main droite/gauche, pixel noir,
        pixel blanc), 4 contours (aucun, cercle, aperçu, incliné),
        « Show Outline » pendant le trait, « Use effective outline
        size », « Cursor Color » (couleur mélangée à l'image pour
        rester contrastée), et **des réglages séparés pour la
        gomme** [relevé, §6.3].
      - CLIP STUDIO PAINT : « You can specify the cursor shape for
        each tool », avec cinq familles de curseurs attribuées à des
        listes d'outils : brush-type, pen-type, eraser-type,
        figure-type, fill-type, view-type ; plus « Additional display
        when brush-size cursor is small » (aucun / point / trait) et
        la position du curseur inversé (Brush Size / Sight / Single
        pixel dot) [relevé, §6.4].
      - Procreate : le curseur de pinceau n'est **pas actif par
        défaut** ; il s'active dans Actions > Prefs > « Brush
        Cursor », avec l'aperçu au survol du stylet [relevé par
        source secondaire, §6.9].
      - Affinity : option « Always show brush crosshair — overlays a
        cross-hair over the brush cursor for better targeting »
        [relevé par extrait de recherche, §6.10].

[déduction] Cette famille est le point de conception le plus
important : le curseur d'un outil de dessin est un **réglage**, pas
une décision du développeur. Un prototype peut n'avoir qu'une valeur
par défaut, mais elle doit suivre la convention, sinon elle surprend.


----------------------------------------------------------------------
2. TABLEAU PAR OUTIL
----------------------------------------------------------------------

Ce qui a été relevé, outil par outil. « — » = rien de trouvé.

Outil            | Photoshop        | GIMP           | Krita
-----------------+------------------+----------------+---------------
Pinceau / crayon | contour de pointe| croix seule,   | forme de
                 | (ou croix si     | croix + icône, | curseur +
                 | Caps Lock, ou    | ou icône seule | contour de
                 | mode « Precise »)| + contour      | brosse
Gomme            | contour de pointe| idem pinceau   | réglages
                 |                  |                | séparés +
                 |                  |                | icône gomme
Pot / remplis.   | curseur seau     | —              | —
                 | (point chaud =   |                |
                 | la croix, §1.5)  |                |
Pipette          | curseur pipette  | —              | —
Formes           | croix au tracé   | idem pinceau   | —
Plume (vecteur)  | —                | —              | —
Sélection        | flèche + curseurs| flèche         | flèche
                 | de poignées      |                |
Main / panoram.  | main             | main           | main
Zoom             | loupe            | loupe          | loupe

Outil            | CLIP STUDIO PAINT         | Autres
-----------------+---------------------------+----------------------
Pinceau / crayon | brush-type (Brush Size /  | Blender : cercle
                 | Sight / Single pixel dot) | §1.3 ; Procreate :
                 | + contour de forme        | « Brush Cursor » (off
                 |                           | par défaut)
Gomme            | **eraser-type**, famille  | —
                 | de curseur à part         |
Pot / remplis.   | fill-type (Fill Tool,     | —
                 | Auto select), curseur seau|
Pipette          | view-type (Eyedropper)    | —
Formes           | figure-type (Figure Tool, | —
                 | Ruler, Gradient…)         |
Plume (vecteur)  | pen-type (Pen, Pencil)    | Illustrator :
                 |                           | plume (page d'aide
                 |                           | illisible, §6.11)
Sélection        | figure-type (« Select     | Inkscape : flèche +
                 | layer »)                  | main ouverte au
                 |                           | survol, + main
                 |                           | fermée au glisser
                 |                           | [relevé, §6.7]
Main / panoram.  | view-type (Move Tool)     | web : grab/grabbing
Zoom             | view-type (Zoom Tool)     | web : zoom-in/out

Faits ponctuels à ne pas perdre :
  - La gomme a systématiquement son propre traitement : famille de
    curseur dédiée chez CSP [relevé, §6.4], réglages de curseur
    séparés chez Krita [relevé, §6.3].
  - La gomme de CSP a une variante de curseur « eraser-type » qui lui
    est propre : ce n'est pas le curseur du pinceau réutilisé.
  - L'outil d'échantillonnage de couleur peut se doubler d'un cercle
    montrant la couleur courante [relevé par extrait de recherche,
    §6.4 ; non revérifié dans le manuel].
  - « Select layer » est rangé par CSP dans les curseurs de type
    figure, c'est-à-dire un curseur de tracé, pas une flèche : chez
    CSP, on encadre la zone à sélectionner [relevé, §6.4].


----------------------------------------------------------------------
3. LES RÈGLES QUI REVIENNENT PARTOUT
----------------------------------------------------------------------

1. La croix dit « le point de départ est ici, au pixel près ».
   C'est pour cela qu'elle sert au tracé et à l'encadrement d'une
   zone, et jamais au panoramique ni au zoom [déduction appuyée sur
   §1.2, §1.5].

2. Quand la taille compte, le contour remplace l'icône : pinceau,
   gomme, aérographe, estompe. C'est la famille la mieux partagée
   (Blender, Krita, GIMP, Photoshop, Affinity) [relevé, §1.3, §1.6].

3. Le curseur suit l'ÉTAT, pas seulement l'outil : main ouverte au
   survol d'un objet déplaçable et fermée pendant le glisser
   (Inkscape, §6.7) ; curseurs de poignées pour redimensionner et
   tourner ; `copy` quand le glisser copie (MDN, §6.6).

4. Le curseur doit rester visible sur fond clair ET sombre : Krita
   mélange la couleur du curseur à l'image du canevas [relevé, §6.3] ;
   Photoshop et Affinity ajoutent une croix au centre du contour ;
   CSP ajoute un trait ou des points autour du curseur quand la
   taille est minuscule [relevé, §6.4].

5. Le point chaud (hot spot) n'est pas le coin de l'image :
   « le pixel au bout d'une flèche et le pixel au milieu d'une croix »
   [relevé, §6.8]. Un curseur image a donc besoin de ses coordonnées.

6. L'utilisateur doit pouvoir se débarrasser du curseur : Krita
   « No Cursor » (écrans-tablettes), CSP « None », Blender une case à
   décocher [relevé, §1.6].

7. Une bascule rapide vaut la peine d'exister : Caps Lock chez
   Photoshop, qui échange contour et croix sans passer par les
   préférences [relevé, §6.1]. GIMP le fait par la préférence,
   CSP par la préférence aussi [relevé, §6.2, §6.4].

8. Sur tablette, l'aperçu arrive au SURVOL (Procreate « Brush
   Cursor » + hover du stylet) [relevé, §6.9].


----------------------------------------------------------------------
4. LE VOCABULAIRE DISPONIBLE DANS UN NAVIGATEUR (CSS)
----------------------------------------------------------------------

Relevé dans MDN [§6.6] — c'est la contrainte technique du prototype,
qui est une page web.

Mots-clés utiles à un outil de dessin :
  default        flèche de la plateforme            → outil de sélection
  crosshair      croix                              → tracé, encadrement
  text           barre en I                          → champ texte
  pointer        main qui pointe                     → lien
  move           quatre flèches                      → déplacer
  grab/grabbing  main ouverte / fermée               → panoramique
  copy           copie                               → glisser-copier
  zoom-in/-out   loupe ±                             → zoom
  none           AUCUN curseur                       → on dessine le sien
  *-resize, col-/row-resize, not-allowed, help, wait, progress, cell,
  all-scroll, alias, no-drop, context-menu, vertical-text, …

Contraintes des curseurs personnalisés (`url()`), toutes relevées
dans la même page :
  - la liste `url(...)` doit **finir par un mot-clé** de secours ;
  - chaque `url` peut être suivie des coordonnées x y du point chaud,
    en pixels de l'image, relatives au coin haut-gauche ;
  - sans coordonnées, elles sont lues dans le fichier, sinon elles
    tombent au coin haut-gauche ;
  - PNG obligatoirement pris en charge, SVG v1.1 en mode statique
    avec une taille naturelle également ; `.cur` largement pris en
    charge sur les navigateurs de bureau ;
  - limite de taille chez les navigateurs : **128×128 maximum** chez
    Firefox et Chromium, et la recommandation est de ne pas dépasser
    **32×32** — au-delà, le changement de curseur est « généralement
    simplement ignoré » ;
  - iPadOS : le seul mot-clé qui change l'aspect du pointeur est
    `text` (sinon, un cercle par défaut) ;
  - les changements de curseur qui recouvrent les barres d'outils du
    navigateur sont bloqués (anti-usurpation).

[déduction] Deux conséquences pour une application de dessin web :

  (a) un curseur image ne se redimensionne pas à l'exécution : on ne
      peut PAS faire un « contour de pinceau » dont le rayon suit
      l'épaisseur choisie avec `cursor: url(...)`. Les logiciels qui
      l'affichent (§1.3) le peignent eux-mêmes. Sur le web, la
      solution est `cursor: none` + un cercle dessiné dans la page
      (calque SVG ou canvas) qui suit le pointeur ;

  (b) les mots-clés `crosshair`, `grab`/`grabbing`, `copy`,
      `zoom-in`, `not-allowed`, `*-resize` couvrent déjà tout ce
      dont un outil de dessin a besoin, sans le moindre fichier à
      charger — avantage réel pour une page autonome.


----------------------------------------------------------------------
5. CE QUE FAIT LE PROTOTYPE AUJOURD'HUI
----------------------------------------------------------------------

Relevé par lecture du fichier (15 octobre 2026), pas par souvenir :

  - `index.html`, dans `majOutils()` :
        const curseur = (etat.outil === 'selection') ? 'default'
                                                      : 'crosshair';
        tableau.style.cursor = curseur;
    [relevé : index.html, ligne 6059-6060]

  - Le fichier contient 39 règles CSS `cursor:` [relevé par grep sur
    `index.html`], dont plusieurs contextuelles, déjà justes :
        grab / grabbing      barre de la palette, objets, vignettes
        nwse-resize          poignée de redimensionnement
        grab / grabbing      poignée de rotation
        ns-/ew-/nesw-/nwse-  poignées du rideau
        copy                 objet en mode glisser-copier
        default              objet FIXÉ (il ne répond plus)
        not-allowed          bouton éteint
        crosshair            calque de la torche

  - Les quinze outils de la palette, relevés dans le HTML :
        selection, plume, pinceau, ligne, fleche, doublefleche,
        fleche-courbe, rectangle, cercle, ellipse, quadrillage,
        pot, gomme, capture, zoom
    (plus le bouton `#btn-decoupe`, qui n'est pas un `.outil`).

CONSTAT : deux valeurs pour quinze outils. Le stylo, le pinceau, la
ligne, le rectangle, la page quadrillée et le pot donnent exactement
le même curseur ; la gomme et le zoom aussi. C'est le défaut que la
teinte des boutons de la barre du haut a corrigé sur les onze boutons
(voir l'historique du projet) : l'outil ne se distingue pas avant le clic.

[déduction] Le prototype est en fait déjà « dans la convention » pour
l'essentiel — la croix pour le tracé, la flèche pour la sélection
(§1.2, §3.1). Ce qui manque, ce sont les trois familles que la croix
ne peut pas porter : le contour d'outil, la métaphore, et le suivi de
l'état pour les outils qui agissent sur une ZONE et non sur un point.

[proposition] Correspondance outil → curseur, dans l'ordre du relevé
          de la palette :

  selection  default                     (déjà en place) — et les
             curseurs contextuels `move`/`grab`/`grabbing`/`copy`
             restent prioritaires sur l'objet, `default` s'il est fixé
  plume      crosshair                   croix = précision du point de
                                         départ (§1.2, §3.1) ; c'est le
                                         « Crosshair only » de GIMP
  pinceau    crosshair + cercle superposé  l'épaisseur EST la fonction
                                         de l'outil : c'est le seul cas
                                         où la convention demande un
                                         contour (§1.3). À faire par
                                         `cursor: none` + un cercle
                                         dans la page, sinon impossible
                                         (§4a)
  ligne,     crosshair                   un tracé part d'un point :
  fleche,                                croix
  doublefleche,
  fleche-courbe
  rectangle, crosshair                   « figure-type » chez CSP :
  cercle,                                on encadre la zone (§2)
  ellipse,
  quadrillage
  pot        seau (image) + croix        personne n'invente ici : le
                                         point chaud d'un pot est sa
                                         croix (§1.5). Un curseur image
                                         dont la pointe du jet est le
                                         point chaud, avec `crosshair`
                                         en secours
  gomme      crosshair + cercle          comme le pinceau : c'est
                                         « eraser-type » chez CSP, et
                                         Krita lui donne ses propres
                                         réglages (§2)
  capture    crosshair                   encadrement d'une zone —
                                         exactement l'usage que MDN
                                         décrit pour `crosshair` (§4)
  zoom       zoom-in                     loupe métaphorique (§1.5) :
                                         le seul outil dont le curseur
                                         dit l'action au lieu du point
  decoupe    crosshair                   bornes de la zone de coupe ;
                                         les poignées gardent leurs
                                         flèches de redimensionnement

Deux garde-fous [déduction] :

  - Ne pas écraser les curseurs contextuels déjà en place (§5) : le
    curseur d'outil s'applique au canevas NU. Sur un objet, une
    poignée, la barre de la palette ou une vignette, c'est le
    contexte qui doit gagner — sinon on perd des signaux que le
    prototype a déjà, et qu'aucun logiciel de dessin ne sacrifie
    (§3.3).

  - `index.html` est une page autonome, et le contrôle de structure
    tient la liste des fichiers du dossier FERMÉE (le contrôle « aucun
    fichier parasite »). Un fichier `.cur` ou `.svg` ne peut donc
    pas être ajouté sans changer ce contrôle : soit on s'en tient aux
    mots-clés, soit le curseur image voyage en `data:` URI dans le
    CSS — le §4 ne l'interdit pas (PNG et SVG y sont obligatoires).


----------------------------------------------------------------------
6. SOURCES
----------------------------------------------------------------------

6.1 Adobe, « Change tool pointers in Photoshop » — helpx.adobe.com/
    photoshop/desktop/get-started/settings-and-preferences/
    change-tool-pointers.html — **page refusée (HTTP 403)**, non lue.
    Contenu reconstitué par deux sources secondaires :
      - whatmakeart.com/software/adobe-photoshop/
        photoshop-brush-crosshairs-not-a-circle/ (30/09/2025) : les
        quatre modes de pointe de pinceau, « Show Crosshair in Brush
        Tip », et Caps Lock qui bascule croix/contour ;
      - damiensymonds.net/2011/01/cursor-preferences.html (extrait de
        recherche) : Normal Brush Tip ≈ 50 % de la zone affectée.
6.2 GIMP 3.2, « 6.24. Input Devices » — docs.gimp.org/en/
    gimp-prefs-input-devices.html (lu).
6.3 Krita 5.3, « General Settings » (Cursor Settings) —
    docs.krita.org/en/reference_manual/preferences/
    general_settings.html (lu).
6.4 CLIP STUDIO PAINT, « Cursor » — clip-studio.com/site/gd_en/csp/
    userguide/csp_userguide/500_menu/
    500_menu_file_environment_win_cursor.htm (lu).
6.5 Blender 5.2, « Cursor » (Sculpt/Paint) — docs.blender.org/manual/
    en/latest/sculpt_paint/brush/cursor.html (lu).
6.6 MDN, « cursor (CSS) » — developer.mozilla.org/en-US/docs/Web/CSS/
    cursor (lu ; page modifiée le 16/09/2026).
6.7 Inkscape, liste de développement, « NEW: mouseover cursors in
    Selector » — lists.inkscape.org (extrait de recherche) : flèche +
    main ouverte au survol d'un objet sélectionnable, main fermée
    pendant le glisser.
6.8 win32, « About Cursors » — learn.microsoft.com/en-us/windows/
    win32/menurc/about-cursors (lu) : tableau des curseurs standard
    (`IDC_ARROW` « Normal select », `IDC_CROSS` « Precision select »,
    `IDC_IBEAM`, `IDC_HAND`, `IDC_SIZEALL`…) et le paragraphe sur le
    point chaud.
6.9 Procreate, curseur de pinceau — bardotbrush.com/procreate-5-3-
    update-apple-pencil-hover-everything-you-need-to-know/
    (extrait de recherche) : « Brush cursor is not turned on by
    default. Go to the Actions Menu > Prefs and toggle on "Brush
    Cursor". »
6.10 Affinity, « Desktop settings: User Interface » — affinity.studio/
    help/desktop-settings-user-interface/ — **page renvoyée comme
    « Unsupported client »**, contenu non lu ; seul l'extrait de
    recherche est exploité (« Always show brush crosshair—Overlays a
    cross-hair over the brush cursor for better targeting »).
6.11 Adobe Illustrator, « Anchor point tool » — helpx.adobe.com/
    illustrator/using/tool-techniques/anchor-point-tool.html —
    **page refusée (HTTP 403)**, non lue. La plume d'Illustrator
    change donc de curseur selon le survol (ajout/retrait de point,
    conversion) : c'est décrit par les extraits de recherche, pas
    vérifié à la source — à ne pas présenter comme un fait établi.
6.12 Inkscape Wiki, « SVG Cursors » — wiki.inkscape.org/wiki/
    SVG_Cursors (extrait) : depuis Inkscape 1.1, curseurs SVG à la
    place des bitmaps, pour qu'ils tiennent la montée en résolution.


----------------------------------------------------------------------
7. LIMITES DE CE RELEVÉ
----------------------------------------------------------------------

  - Deux pages officielles importantes n'ont pas pu être lues : Adobe
    Photoshop (§6.1) et Adobe Illustrator (§6.11) répondent 403, et
    la page Affinity répond « Unsupported client » (§6.10). Ce qui
    les concerne vient de sources secondaires et est signalé comme
    tel ; une partie de leurs détails manque donc.
  - Aucune page officielle Paint.NET sur le curseur par outil n'a été
    trouvée : je n'affirme rien pour ce logiciel.
  - Clip Studio Paint a été lu dans la page « Cursor » du manuel
    (§6.4), mais les listes d'outils par famille y sont partielles :
    le rattachement outil → famille est donné tel quel, sans
    interprétation.
  - Le relevé décrit des CONVENTIONS et des mécanismes, pas des
    pixels : aucune capture n'a été comparée. Pour trancher une
    couleur ou une forme exacte, il faudrait regarder les logiciels.
  - Seul le CONSTAT du §5 est vérifié sur pièces : les lignes de
    `index.html` citées et le grep des règles `cursor:` ont été
    relus. Les propositions qui le suivent ne sont pas mesurées,
    seulement argumentées — même logique que pour la teinte des
    boutons, où c'est le navigateur qui a mesuré, pas l'œil.
