Wie zu erkennen, wenn sich ein shape auf das geklickt wurde (HTML5-canvas)?
Ich bin zeichnen von verschiedenen Formen wie Rechteck, Dreieck, Sechseck etc. mit der Leinwand und lineTo
Methode wie in diesen blog. Ich möchte nur einen einfachen Weg zu finden, wenn ich klickte innerhalb einer Form. Ich kann es tun, indem Sie die Form mit einer Farbe und die überprüfung, ob der Punkt, auf den ich geklickt haben, hat diese Farbe, aber ich weiß nicht verwenden möchten, füllen color-Methode. Gibt es irgendeinen anderen Weg, es zu tun?
Fand auch isPointInPath aber es hat nicht funktioniert.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Check-in hier:
Javascript überprüfen Maus geklickt in den Kreis oder Polygon
meouw Antwort funktioniert sicher, ich habe es testen und garantieren, es funktioniert.
Es scheint, dass es gibt einige andere Lösungen, auch das wurde von Ihnen positiv bewertet werden,
vielleicht können Sie versuchen Sie, entweder
Können Sie entweder versuchen, ein paar canvas-frameworks wie http://kineticjs.com/ (check Veranstaltungen der Sektion), die bereits klickbare Elemente aus der box, oder Sie benötigen schreiben Sie zwei Funktionen, die Ihnen Ihre relative Maus, klicken Sie auf Koordinaten innerhalb des canvas-element (ich habe Sie hier beschrieben: https://stackoverflow.com/a/5932203/532102) und nach schreiben Sie eine weitere Funktion ein, die überprüft, ob der zurückgegebene Maus-Koordinaten schneiden sich mit Ihrer Form auf die Leinwand.