右键单击svg菜单

Right click menu on svg

本文关键字：菜单 svg 单击右键更新时间：2023-09-26

我使用JQuery为我的应用程序实现了一个右键菜单，但列表向右缩进，整个块在下面约20px。是什么引起的?

我使用这个代码来实现右键菜单:JSFiddle

<svg id="canvas" class="canvas" width="1800" height="500">
  <rect class="ddd" id="ddd" x="0" y="0" width="300" height="200" fill="#D3DA7B" stroke="black"></rect>
</svg>

只需添加到您的<ul>:

padding: 0;
margin: 0;

列表(无序和有序)默认设置padding和margin。所以你需要清除它

https://jsfiddle.net/29xwpd2o/3/