Блог

Главная - Вопросы по программированию - Привязать.svg встраивать html-форму

Привязать.svg встраивать html-форму

#svg #snap.svg

#svg #snap.svg

Вопрос:

Мне нужно отобразить HTML-форму в SVG для редактирования связанных данных. Я использую библиотеку Snap.svg. Как я обнаружил, мне нужен тег foreignObject для встраивания туда HTML-формы (html-код получен по запросу Ajax). Как я могу создать такой объект и встроить его в свой SVG?

===== ОТРЕДАКТИРОВАНО ===== Мне удалось создать foreignObject, но я не могу поместить туда html

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

Комментарии:

1. html form внутри тега SVG ?

2. ДА. Я создаю схему, и мне нужно отредактировать информацию из элемента схемы. Теперь я вставил foreignObject, но не могу записать туда внутренний html

3. На самом деле я не слышал, чтобы он добавлял HTML (= встраивал) в SVG поскольку SVG имеет свои собственные элементы. Вам интересно, возможно, это возможно или нет, вы уверены, что это возможно, но ищете правильное решение?

4. Я полагаю, что это возможно, и теперь я нахожу правильное решение. Еще один вариант — вставить код с помощью jquery

Ответ №1:

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