контекстное меню в середине документа svg

Question

Я хочу знать, выполнимо ли создать контекстное меню документ svg, подобный этому:

У меня есть шестиугольники, созданные каквы создаете контекстное меню и, в частности, пункты меню.

Как вы узнали бы, какой пункт меню был нажат?

Answer 1

Надеюсь, я понимаю ваш вопрос: в SVG вы можете использовать элемент <a> для создания ссылки:

svg{border:1px solid;font-size:10px}
a{fill:black;}
a:hover text{fill:blue;}

<svg id="svg" viewBox="-30 -30 160 60" >
<polygon  id="theHex"  points="21.651,-12.500 21.651,12.500 0.000,25.000 -21.651,12.500 -21.651,-12.500 -0.000,-25.000"></polygon>
  
  <a xlink:show="new" xlink:href="#">
    <text x="40" y="-18">Edit owner</text>
  </a>
  <a xlink:show="new" xlink:href="#">
    <text x="40" y="-3">Conduct BIA</text>
  </a>
  <a xlink:show="new" xlink:href="#">
    <text x="40" y="12">Assign BIA</text>
  </a> 
  <a xlink:show="new" xlink:href="#">
    <text x="40" y="27">Delete</text>
  </a>  
</svg>