Snap.svg 嵌入 html 表单答案

【问题标题】：Snap.svg embed html formSnap.svg 嵌入 html 表单
【发布时间】：2019-09-12 16:52:18
【问题描述】：

我需要在 SVG 中显示 HTML 表单来编辑相关数据。我使用 Snap.svg 库。我发现我需要foreignObject 标记来嵌入HTML 表单（HTML 代码是由Ajax 请求获得的）。如何创建这样的对象并将其嵌入到我的 SVG 中？

===== 已编辑 ====== 我设法创建了 foreignObject 但我不能放在那里 html

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

【问题讨论】：

html form 在 SVG 标签内？
是的。我创建方案，我必须编辑方案元素中的信息。现在我插入 ForeignObject 但不能在那里写内部 html
实际上我没有听到将HTML（=嵌入）它添加到SVG，因为SVG有它自己的元素。您是否好奇这是否可能，您确定这是可能的但正在寻找正确的解决方案？
我想这是可能的，现在我正在寻找正确的解决方案。另一种变体是使用 jquery 插入代码

标签： svg snap.svg

【解决方案1】：

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

【讨论】：