表示されている円をクリックしていないとき (つまり、div の隅をクリックしたとき) に、境界線の半径が 50% (円) の div のクリック/タッチスタート イベントを無視したい。
divの隅をクリックしたかどうかを確認するために、非常に単純な関数を作成しました（100％正確ではなく、回避策です。今のところ問題ありません）。
http://codepen.io/anon/pen/zhwri
ここまでは順調ですね、
問題：
円 (.circle) は変換で回転します (たとえば、 -webkit-transform: rotate(45deg); 関数が正しく動作しません (おそらくボックス モデルなどのため)。 div が回転でレンダリングされるときに角をクリックしたことがありますか? 座標はボックス モデルを参照しており (私は推測します)、それはクライアントに表示されるものではないためです。
うまくいけば、私の質問は明確です。おそらく、私が私の機能で提案した方法を理解する他の方法がありますか?
助けてくれてありがとう！
更新:この場合、SVGまたはキャンバスはオプションではないことを忘れていました(残念:()、これを提案するすべての人にとって:あなたは正しいですが、残念ながらオプションではありません:(