Un événement qui se déclenche lors d'un dessin

Bonjour,

Mon projet consiste à créer un jeu de plateau, un peu à l'image des jeux de l'oie, Trivial Pursuit ou les petits chevaux etc...
Les plateaux sont générés dynamiquement dans un canvas (plusieurs plateaux existent avec leurs caractéristique stockées en BDD).
Je superpose un deuxième canvas par dessus celui représentant mon plateau (ça évite d'avoir à régénérer sans arrêt le plateau, ça devient lourd en continue) sur lequel j'ai de 2 à 4 pions positionnés. Et c'est là qu'est le problème :

Avez vous une solution autre que de jouer avec les coordonnées de chacune des cases pouvant aller jusqu'à 155 pour que, lorsque je dessine mon pion dans le périmètre de l'une d'entre elle, un événement se déclenche ?
Malheureusement les pions en eux même ne sont pas des balises mais des simples dessins à coup de ctx.arc(....). Je suis capable d'implémenter dans ma fonction "CreerCase()" un événement onclick qui me retourne les coordonnées du pointeur de la souris seulement si je clique à l'intérieur de celle ci, mais suivre le même cheminement avec un événement personnalisé comme "onDessin" serait pas possible ? Merci d'avance :(

Coordialement

Bon... finalement personne n'avait d'avis ou d'aide à apporter.

J'ai donc décider de créer 2 tableaux qui se remplissent au fur et à mesure que les cases sont créées et où chaque X[i] et Y[i] correspondent à l'origine de chaque case. Il me suffit donc de traiter cette variable i pour qu'elle me retourne l'indice de la bonne case et donc de ses coordonnées. C'est laborieux comme stratagème mais bon...