<feImage>

Примитив фильтра <feImage> SVG извлекает данные изображения из внешнего источника и предоставляет пиксельные данные в качестве результата (то есть, если внешний источник — изображение SVG, оно растрируется.)

Контекст использования

Категории	Элемент примитива фильтра
Разрешённое содержимое	Любое количество следующих элементов в любом порядке: `<animate>`, `<animateTransform>`, `<set>`

Атрибуты

crossorigin
preserveAspectRatio
xlink:href Устаревшее

Интерфейс DOM

Этот элемент реализует интерфейс SVGFEImageElement.

Пример

SVG

html

<svg
  viewBox="0 0 200 200"
  xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink"
  width="200"
  height="200">
  <defs>
    <filter id="image">
      <feImage href="mdn_logo_only_color.png" />
    </filter>
  </defs>

  <rect x="10%" y="10%" width="80%" height="80%" style="filter:url(#image);" />
</svg>

Результат

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

Спецификация
Модуль уровней 1 эффектов фильтра # feImageElement

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`feImage`	5	12	3	9	6	18	4	10.1	6	1.0	4.4
`crossorigin`	Нет	Нет	114	Нет	Нет	Нет	114	Нет	Нет	Нет	Нет
`href`	5	12	3 Фрагменты документов (включая ссылки на фрагменты в текущем документе) не поддерживаются (см. ошибку 455986).	15	6	18	4 Фрагменты документов (включая ссылки на фрагменты в текущем документе) не поддерживаются (см. ошибку 455986).	14	6	1.0	4.4
`preserveAspectRatio`	5	79	22	15	6	18	22	14	6	1.0	4.4
`xlink_href`	5	12	4 Фрагменты документов (включая ссылки на фрагменты в текущем документе) не поддерживаются (см. ошибку 455986).	9	6	18	4 Фрагменты документов (включая ссылки на фрагменты в текущем документе) не поддерживаются (см. ошибку 455986).	14	6	1.0	4.4

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feImage