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>