Элемент SVG <изображение>

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

Элемент SVG <image> включает изображения внутри документов SVG. Он может отображать файлы растровых изображений или другие файлы SVG. Единственные форматы изображений, которые должно поддерживать программное обеспечение SVG, — это JPEG, PNG и другие файлы SVG.

Синтаксис:

<image attributes="values" >

Атрибут:

• x: координаты позиционирования изображения по оси x.
• y: координаты позиционирования изображения по оси Y.
• ширина: Ширина изображения.
• height : Высота изображения.
• href: источник изображения.
• saveAspectRatio: Масштабирование изображения.
• Глобальные атрибуты: используются некоторые глобальные атрибуты, такие как основные атрибуты, атрибуты стиля и т. д.

Пример 1:

Выход:

Пример 2: изменение координат x и y изображения.

Выход:

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

• Chrome 1 и выше
• Край 12 и выше
• Firefox 1.5 и выше
• Сафари 3.1 и выше
• Internet Explorer 9 и выше
• Опера 8 и выше