使用D3添加表单输入字段

Question

我是D3新手。我试图使用d3.js在svg元素（矩形）内添加输入字段。如果有办法，请告诉我。

Answer 1

你只能使用svg：foreignObject来做这件事，但是你真的不想使用它，因为它支持得很差。如果您知道您只打算在支持svg：foreignObject的浏览器上部署，那么您可以在其中放置任何HTML。否则，您需要在SVG上方的z-index上使用div上的传统DOM元素，并使用CSS左侧放置它们：top：使用x和y放置svg：rect元素的方式。