Могу ли я встроить HTML в фрагмент HTML5 SVG?

Question

HTML5 поддерживает тег <svg>, позволяющий встраивать SVG в HTML.

Копая немного глубже, могу ли я вложить немного HTML в мой фрагмент <svg>?Например, я бы хотел добавить CSS <table> в некоторые части моей SVG-графики.

Я провел небольшой тест, и Chrome12 не понравился HTML <p> внутри <svg>.Есть ли какой-нибудь метод, чтобы заставить его работать (например, может быть тег контейнера HTML?)?

Answer 1

Да, с элементом <foreignObject> см. этот вопрос для некоторых примеров.

В качестве альтернативы, если у вас есть документ html5, вы также можете использовать позиционирование CSS и z-index длясделать части HTML видимыми, где вы хотите, чтобы выложить сверху SVG.Если вы делаете это так, вам не нужно вкладывать html во фрагмент svg.Это даст вам наиболее согласованное поведение в разных браузерах.

Answer 2

Посторонние объекты не поддерживаются в Internet Explorer. Пожалуйста, отметьте ForeignObject