Могу ли я использовать теги HTML внутри тега SVG?

Я хотел бы использовать обычные теги HTML (например, тег ввода) в теге SVG.

Почему? Я хотел бы, чтобы моя графика SVG могла получать текст от пользователя (например, пользователь щелкает поле, нарисованное с помощью SVG, и вводит в него текст), поэтому я подумал об использовании тегов ввода HTML внутри тега SVG. Это возможно?

Если ответ отрицательный (что, скорее всего, будет), как я могу разрешить пользователю редактировать текст SVG?


text svg html dojo
person Mike    schedule 08.04.2013    source источник
comment
вот какая-то тема об этом, в следующий раз немного поищите :) stackoverflow.com/questions/5972705 /   -  person Ivo Kuzmanic    schedule 08.04.2013
comment
апс, вы правы, я этого не видел...   -  person Mike    schedule 09.04.2013

Ответы (1)


arrow_upward
2
arrow_downward

На этот вопрос уже есть ответ:

как изменить текстовый тег svg с помощью javascript innerHTML

Но его не приняли.

Это кажется возможным, когда вы смотрите на этот пример

http://starkravingfinkle.org/blog/wp-content/uploads/2007/07/foreignobject-text.svg

из этого источника:

http://ajaxian.com/archives/foreignobject-hey-youve-got-html-in-my-svg

person Lucian Depold    schedule 08.04.2013
comment
Выглядит отлично, единственная проблема, которую я вижу, это то, что foreignobject похоже не поддерживается IE9 :/ - person Mike; 09.04.2013
comment
Есть несколько приложений, которые могут конвертировать html в svg, возможно, вы могли бы их использовать. что именно ты хочешь сделать? - person Lucian Depold; 09.04.2013
comment
Я хочу отображать форматированный текст (маркеры, полужирный шрифт, курсив) с плавающими изображениями и видео - person Mike; 09.04.2013
comment
но зачем вам svg для этого? почему бы вам не сделать это с помощью html - person Lucian Depold; 09.04.2013
comment
потому что этот текст должен быть в середине довольно сложной графики. Графику можно было бы сделать с помощью CSS, но я подумал, что будет проще нарисовать ее с помощью абстракции SVG, такой как Dojo.gfx... - person Mike; 09.04.2013
comment
нельзя ли поставить svg в качестве фона div и текстового слоя поверх div? Чтобы иметь плавающий текст, который, кажется, обходит svg, вы можете использовать прозрачные элементы div, которые рисуют важные области в svg, так что плавающий текст должен их обходить... - person Lucian Depold; 09.04.2013
comment
давайте продолжим это обсуждение в чате - person Lucian Depold; 09.04.2013