Traductions
Anglais
Espagnol
Français

# Des outils graphiques mobiles

## Comment ajouter un outil

La classe JavaScript GeomToolFromFile permet de mettre en place des objets issus de fichiers SVG. Exemple :

    	let p = new GeomPaper("canvas_container1", 1000, 600);
    	let o3 = new GeomToolFromFile(
    	  p, "equerre01",
    	  "/usr/share/javascript/schoolkit/equerre01.svg",
    	  new DOMPoint(300,150),
    	  1);

Le fichier SVG doit contenir

- Un groupe <g> avec un attribut id="layer1" ; ce groupe doit ensuite contenir :
- Un cercle <circle> dont le centre, définit par les attributs cx et cy servira de point de rotation pour l'outil géométrique ; ce cercle aura un attribut id="centre" ;
- Un élément graphique quelconque, avec un attribut id="rotation_handle" ; il faut éviter que cet élément empiète sur le centre, car il servira à contrôler la rotation par tirer-glisser ;
- Un élément graphique quelconque, avec un attribut id="translation_handle" qui servira à contrôler la translation par tirer-glisser ;
- On peut ajouter autant d'éléments graphiques qu'on veut à ceux-là.

## Démo