<image>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

Элемент <image> позволяет включить растровые изображения в SVG документ.

Usage context

КатегорииГрафические элементы, Элементы графики
Разрешённый контентЛюбое количество следующих элементов, в любом порядке:
Элементы анимации
Элементы описания

Атрибуты

DOM Interface

This element implements the SVGImageElement interface.

Пример

Базовый рендеринг PNG изображения в качестве объекта SVG:

SVG

html
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <image href="mdn_logo_only_color.png" height="200" width="200" />
</svg>

Результат

Спецификации

Specification
Scalable Vector Graphics (SVG) 2
# ImageElement

Совместимость с браузерами

BCD tables only load in the browser