Тег SVG <изображение>
Опубликовано: 25 Февраля, 2022
SVG - это масштабируемая векторная графика. Его можно использовать для создания графики и анимации, как в холсте HTML.
Элемент <image> SVG включает изображения внутри документов SVG. Он может отображать файлы растровых изображений или другие файлы SVG. Программное обеспечение SVG должно поддерживать только форматы изображений: JPEG, PNG и другие файлы SVG.
Синтаксис:
<атрибуты изображения = "значения">
Атрибут:
- x: координаты оси x позиционирования изображения.
- y: координаты оси Y позиционирования изображения.
- width: ширина изображения.
- height : Высота изображения.
- href: Источник изображения.
- preserveAspectRatio: масштабирование изображения.
- Глобальные атрибуты: используются некоторые глобальные атрибуты, такие как основные атрибуты, атрибуты стиля и т. Д.
Пример 1:
Выход:

Example 2: Changing the x and y coordinates of the image.
HTML
<!DOCTYPE html><html> <body> <svg width="400" height="400" <image href= x="100" y="100" /> </svg></body> </html> |
Выход:

Поддерживаемые браузеры:
- Хром
- Край
- Fire Fox
- Сафари
- Internet Explorer
- Опера