javascript - SVG上的下拉菜单？

Question

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

Answer 1

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