Dessiner un rectangle et retourner ces coordonnés

A ajouter sur une image d'une page html
-Créer un bouton permettant de dessiner une zone rectangulaire sur l'image avec la souris.
-Une fois que cette zone est dessinée, elle fera appel à une fonction "getAverageTime" dont nous gérerons le contenu et dont les arguments seront (x, y, w, h) du rectangle dessiné. Par défaut faire simplement un 'alert' de ses arguments.
-Appuyer de nouveau sur le bouton efface la précédente zone dessinée et en dessine une nouvelle.