Тег 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"
        xmlns="http://www.w3.org/2000/svg">       
        <image 
            href=
            x="100" y="100" />
    </svg>
</body>
  
</html>

Выход:

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

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