title: click on circle get values of arc(x y radius startangle endangle anticlockwise)
body: <p>Is there any way to get all the values of arc on click like arc(x y radius startangle endangle anticlockwise) ?"</p>
  
  <p><strong>my code is :</strong></p>
  
  <pre><code>function drawOval(x, y, rw, rh) {
          var canvas = document.getElementById("myCanvas");
          var context = canvas.getContext("2d");
          context.save();
          context.scale(1, rh / rw);
          context.beginPath();
          context.arc(x, y, rw, 0, 2 * Math.PI);
          context.restore();
          context.lineWidth = 4;
          context.strokeStyle = "black";
          context.stroke();
      }
      drawOval(80, 60, 50, 80);
      drawOval(200, 90, 50, 50);
  
  
  elem.addEventListener('click', function (event) {
              alert('clicked an element');
              var x = event.pageX - elemLeft,
            y = event.pageY - elemTop;
              console.log(x, y);
      });
  </code></pre>