Comment détecter si une forme a été cliqué (HTML5 canvas)?
Je suis de dessin de formes différentes, comme le rectangle, le triangle, hexagone, etc. à l'aide de la toile et lineTo méthode comme dans ce blog. Je veux juste un moyen simple de trouver si j'ai cliqué à l'intérieur d'une forme. Je peux le faire en remplissant la forme avec un peu de couleur et de vérifier si le point que j'ai cliqué a cette couleur mais je ne veux pas utiliser la couleur de remplissage de la méthode. Est-il un autre moyen de le faire?
Également trouvé isPointInPath mais il ne fonctionne pas.
Vous devez vous connecter pour publier un commentaire.
Vérifier ici:
Javascript vérifier la Souris cliqué à l'intérieur du Cercle ou d'un Polygone
meouw réponse travaille pour vous que j'ai tester et de garantir qu'il fonctionne.
Il semble qu'il y a d'autres solutions qui ont été upvoted,
peut-être que vous pouvez essayer eux, soit
Vous pourrait essayer certains de toile de cadres comme http://kineticjs.com/ (vérifier section événements) qui soutiennent déjà cliquable éléments de la boîte ou vous aurez besoin d'écrire deux fonctions, l'une qui donne le relatif de la souris cliquez sur les coordonnées à l'intérieur de l'élément canvas (j'ai utilisé celle décrite ici: https://stackoverflow.com/a/5932203/532102) et après l'écriture d'une autre fonction qui vérifie si le retourné les coordonnées de la souris se croisent avec votre forme sur la toile.