1
2
3
4
5
6
7
8
9
10

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100">

  <clipPath id="c">
    <rect width="25" height="50"/>
  </clipPath>

  <circle cy="50" transform="translate(10 10)" r="50" fill="green" clip-path="url(#c)" onclick="alert(this.getBBox().x + ' ' + this.getBBox().y + ' ' + this.getBBox().width + ' ' + this.getBBox().height)" pointer-events="boundingbox"/>


</svg>