对齐.svg嵌入 html 表单

Question

我需要在SVG中显示HTML表单才能编辑相关数据。我使用Snap.svg库。正如我发现的那样，我需要 foreignObject 标签来在那里嵌入 HTML 表单(html 代码是通过 Ajax 请求获得的(。如何创建此类对象并将其嵌入到我的 SVG 中？

===== 已编辑 ======我设法创建了外来对象，但我不能在那里放html

            var test = editor.el('foreignObject', {
                x: '20',
                y: '500',
                width: '150',
                height: '200'
            });

Answer 1

success: function (html)
            {
                var wrapper = editor.el('foreignObject', {
                    x: '20',
                    y: '500',
                    width: '150',
                    height: '200',
                    class: 'heatNet'
                });
                $('.heatNet').html(html);
            }