Javascritp: disegnare su canvas

[mywe]

Un saluto al ng
per esigenze personali sto realizzando un'applicazione web di disegno utilizzando javascript e canvas. Ho una lista contenente i nomi dei punti da selezionare sull'immagine (es. alto, destro, laterale, etc) e ho realizzato una funzione che legge i suddetti nomi in sequenza e a sua volta richiama, per ognuno di essi, la funzione di disegno sull'immagine. Ovviamente non funziona perchè il flusso scorre tutta la lista senza darmi la possibilità di cliccare il punto desiderato. C'è un modo per interrompere il flusso e dare la possibilità all'utente di cliccare il punto desiderato prima di continuare ?
Ho provato a disabilitare il disegno su canvas con mouseOFF (mi pare) e anche con stop propagation, ma nulla da fare. Qualche suggerimento ?
Grazie
Giuseppe

[dreadnaut]

Direi che devi dividere il codice del disegno da quello che gestisce gli eventi. Da una parte mostri tutti questi punti di controllo sulla canvas e dall'altra ascolti gli eventi del mouse: quando il mouse clicca o passa sopra i punti in questione, allora esegui le azioni che vuoi.

Se posso permettermi, qua c'è un esempio di canvas ed interattività scritto decentemente: http://dreadnaut.altervista.org/progetti/?path=quadrato