SVG上的下拉菜单？

Question

我有一个 svg 画布，其中包含使用 d3 的有趣数据可视化效果，我希望在 svg:rect 元素上方显示一个传统的 html 下拉菜单。这可能吗？我意识到我可以使用 foreignObject，但这与 IE 不兼容。

Answer 1

只要您正确排列元素，它就可以正常工作。在示例 here 中，我在 SVG 元素顶部使用了绝对定位的 DIV（在输出窗口周围移动鼠标以查看 DIV 的移动）。 （代码使用Raphael而不是D3，但结果会一样）。