Reactで画像のどの部分をクリックしたかを取得する（顔のパーツ）

Question

現在Reactを使って、メイクのシミュレーションアプリを考えています。
その中で、表示されている顔のイラストをクリックするとクリックした部位が内部で選択されるということを実装したいのですが、どうしたらいいかわかりません。
部位としては[眉,目,鼻,頬,口,顎]を考えており、内部ではチェックボックスのように、複数選択ができるようにしたいです。
ぱっと思い浮かぶのはJSで座標をとって、その座標から部位を特定する、という方法ですが、画像をレスポンシブにしたいため、もう少し簡単に実装したいです。

Answer 1

react-konvaを利用してみてはどうでしょう？

canvasに描画したオブジェクトにイベントハンドラをぶら下げられますので、
画像を下敷きに、それぞれの部位にオブジェクトをおけば、認識しやすいと思います。