Тег 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
- Опера