We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

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

Usage context

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

Пример

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

<svg width="100%" height="100%" viewBox="0 0 100 100"
     xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink">       
  <image xlink:href="/files/2917/fxlogo.png" x="0" y="0" height="100" width="100" />    
</svg>

Атрибуты

Глобальные атрибуты

Специфичные атрибуты

DOM Interface

This element implements the SVGImageElement interface.

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

Specification Status Comment
Scalable Vector Graphics (SVG) 2
Определение '<image>' в этой спецификации.
Кандидат в рекомендации  
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
Определение '<image>' в этой спецификации.
Рекомендация Initial definition

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 1.0 1.5 (1.8)[1] 9.0 8.0 3.0.4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 3.0 1.0 (1.8)[1] Нет (Да) 3.0.4

The chart is based on these sources.

[1] Prior to Gecko 2.0 (Firefox 4 / Thunderbird 3.3 / SeaMonkey 2.1) only raster images were supported.

Метки документа и участники

Внесли вклад в эту страницу: Sebastianz, AlexeyFedotof
Обновлялась последний раз: Sebastianz,