SVG中的链接在D3中不可点击

Question

我需要通过d3在我的SVG元素中添加一个按钮。我知道您不能将HTML直接添加到SVG元素，所以我使用异物，然后添加按钮/链接。 该按钮将出现，但不可单击，并且不会触发任何事件。

我知道很显然，这与指针事件属性有关。但是，即使我尝试指定“ pointer-event：” none“也不起作用。

var button = canvas.append("foreignObject")
.attr("class","downloadbutton")
.attr({
  "x" : 0,
  "y" : 500,
  'width': 200,
  'height': 200
})
.append("xhtml:body")

button.html("<a href='download.php' pointer-events='none' style='visibility:visible'>DL</a>");

我可以添加href或按钮，但仍然无法使用。我该怎么办？

谢谢您的帮助。