svg上的右键菜单

【问题标题】：Right click menu on svgsvg上的右键菜单
【发布时间】：2016-10-21 16:56:42
【问题描述】：

我使用 JQuery 为我的应用程序实现了一个右键单击菜单，但列表向右缩进，整个块在下方约 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>

【问题讨论】：

标签： javascript jquery html css svg

【解决方案1】：

只需添加到您的<ul>：

padding: 0;
margin: 0;

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

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

【讨论】：

知道了。但是垂直间隙呢？