Элемент SVG <foreignObject>

SVG - это масштабируемая векторная графика. Его можно использовать для создания графики и анимации, как в холсте HTML.

Элемент <foreignObject> SVG включает элементы из другого пространства имен XML. Это точка расширения, которая позволяет пользовательским агентам предлагать функции графической визуализации помимо тех, которые определены в этой спецификации.

Синтаксис:

 <foreignObject x = "Координата x объекта foreignObject"
         y = "Координата x объекта foreignObject"
         width = "Ширина foreignObject" 
         height = "Высота foreignObject">
</foreignObject>

Атрибуты:

• x = Координата x foreignObject.
• y = координата x foreignObject.
• width = Ширина foreignObject.
• height = Высота foreignObject.

Пример:

Выход:

Поддерживаемые браузеры:

• Хром
• Край
• Опера
• Internet Explorer
• Сафари
• Fire Fox