javascript - 在 svg 上右键单击菜单

Question

我使用 JQuery 为我的应用程序实现了一个右键单击菜单，但列表向右缩进，整个 block 在下方约 20 像素。是什么原因造成的？

我正在使用这段代码来实现右键菜单: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>

Answer 1

只需添加到您的 <ul> :

padding: 0;
margin: 0;

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

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