Traducciones
Español
Inglés
Francés

# Herramientas gráficas mobiles

## Como añadir una herramienta más

La clase JavaScript GeomToolFromFile permite ajustar objectos procediendo de ficheros SVG. Por ejemplo:

    	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);

El contenido del fichero SVG será

- Un grupo <g> con el atributo id="layer1"; este grupo debe contener respectivamente:
- Un círculo <circle> y su centro, definido por los atributos cx y cy: es el punto de rotación para la herramienta geómetrica; este circulo debe tener el atrributo id="centre";
- Cualquier element gráfico, con el atributo id="rotation_handle"; preferiblemente este elemento no invade el centro del círculo, porque controlará arrastrando el ratón, la rotación de la herramienta;
- Cualquier element gráfico, con el atributo id="translation_handle" que controlará arrastrando el ratón, la traslación de la herramienta;
- Se puede añadir otros elementos a voluntad.

## Demo