在svg上右击菜单

时间:2016-10-21 08:50:04

标签: javascript jquery html css svg

我使用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>

1 个答案:

答案 0 :(得分:3)

只需添加到您的<ul>

padding: 0;
margin: 0;

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

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