Добавление полей ввода формы с использованием D3

Question

Я новичок в D3. Я пытаюсь добавить поля ввода внутри элемента svg (прямоугольник), используя d3.js. Пожалуйста, дайте мне знать, если есть способ сделать это.

Answer 1

Вы можете сделать это только с помощью svg: foreignObject, но вы действительно не хотите использовать его, поскольку он плохо поддерживается. Если вы знаете, что собираетесь развертывать только браузеры, поддерживающие svg: foreignObject, вы можете поместить в него любой HTML-код. В противном случае вам нужно будет использовать традиционные DOM-элементы в div на z-index над вашим SVG и поместить их с помощью CSS left: и top: таким образом, чтобы вы размещали элементы svg: rect с помощью x и y.