Nicolas Jeanmonod
jeanmonod.net
© 2018
Nicolas Jeanmonod
jeanmonod.net
© 2018
Ce site présente les fonctionnalités du module JavaScript RoI.js. Ce module permet de sélectionner des régions d’intérêt sur des images et d’obtenir les coordonnées correspondantes.
Ce site est une démo et les possibilités d’interactions sont limitées à la création et à la modification de régions d’intérêt. Parmi les limitations, notons qu’on ne peut pas pour l’instant ajouter ou modifier les images sources ou importer un fichier de coordonnées. Par contre on peut télécharger le fichier des coordonnées existant au format JSON. Le nombre de points est fixé à 4 dans cette démo, mais le module permet de créer des régions avec un nombre arbitraire de points.
Cliquer avec le bouton gauche de la souris pour créer une sélection. Après le quatrième clic, la région est automatiquement fermée. On peut annuler la création d’une région en cours de création en appuyant sur la touche Del ou sur Alt + §. Il faut que la souris soit complètement immobile lors du clic, sinon le point n’est pas pris en compte.
Cliquer sur l’icône save en haut à droite de l’écran pour télécharger les coordonnées au format JSON.
Survoler la région avec la souris et lorsque les poignées de sélection apparaissent, cliquer et tirer pour modifier la région ou appuyer sur la touche Del ou sur Alt + § pour supprimer la région. Si une région empêche la sélection, elle peut être envoyée en arrière-plan avec la touche - du clavier.
Le niveau de zoom est modifié à l’aide de la molette de la souris. Il est possible de zoomer pendant la création d’une région d’intérêt. Pour revenir au zoom initial, appuyer sur la touche Home.
Pour se déplacer sur l’image, il faut modifier le niveau zoom au préalable puis cliquer et tirer l’image avec le bouton gauche de la souris. Il est possible de se déplacer sur l’image pendant la création d’une région d’intérêt.
Cliquer avec le bouton droit de la souris sur l’image pour faire apparaître le menu contextuel, puis cliquer sur Edit Names. Une liste défilante apparaît sur la gauche avec les noms des régions existantes. Cette liste est vide si aucune région n’a été créée. Pour éditer le nom, laisser le curseur de la souris sur la région à modifier, taper le nouveau nom, puis pour valider, il faut à choix :
Une fois l’édition des noms terminée, cliquer à nouveau sur Edit Names dans le menu contextuel pour éviter des modifications malencontreuses.
Il y a quelques outils utiles dans le menu contextuel dont les noms sont suffisamment explicites pour ne pas être encore documentés ici.
vector-effect: non-scaling-stroke. Le rendu pixélisé ne fonctionne pas.)Sur un écran tactile il est possible de visualiser les régions et de les créer, mais pas de les modifier.
Sur un écran tactile il est possible de visualiser les régions et de les créer, mais pas de les modifier.