<feImage>
Базовая поддержка Широко доступно *
Эта функция хорошо зарекомендовала себя и работает на множестве устройств и в разных версиях браузеров. Она доступна в браузерах с июля 2015 года.
* Некоторые части этой функции могут поддерживаться на разных уровнях.
Примитив фильтра <feImage> SVG получает данные изображения из внешнего источника и возвращает пиксельные данные (это означает, что если внешний источник — изображение SVG, оно растеризуется).
Контекст использования
| Категории | Элемент-примитив фильтра |
|---|---|
| Допустимое содержимое | Любое количество следующих элементов в любом порядке:<animate>, <animateTransform>, <discard>, <set>
|
Атрибуты
crossorigin-
fetchpriorityЭкспериментальная функция preserveAspectRatio-
xlink:hrefУстаревшая функция
Интерфейс DOM
Этот элемент реализует интерфейс SVGFEImageElement.
Пример
>SVG
<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%" filter="url(#image)" />
</svg>
Результат
Спецификации
| Спецификация |
|---|
| Filter Effects Module Level 1> # feImageElement> |
Совместимость с браузерами
| Компьютеры | Мобильные устройства | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | WebView на iOS | |
feImage |
5 | 12 | 3 | 9 | 6 | 18 | 4 | 10.1 | 6 | 1.0 | 4.4 | 6 |
crossorigin |
Нет | Нет | 114 | Нет | Нет | Нет | 114 | Нет | Нет | Нет | Нет | Нет |
fetchpriority |
Нет | Нет | 140 | Нет | Нет | Нет | 140 | Нет | Нет | Нет | Нет | Нет |
href |
5 | 12 | 3Фрагменты документа (включая ссылки на фрагменты в текущем документе) не поддерживаются (см. ошибку 455986). |
15 | 6 | 18 | 4Фрагменты документа (включая ссылки на фрагменты в текущем документе) не поддерживаются (см. ошибку 455986). |
14 | 6 | 1.0 | 4.4 | 6 |
preserveAspectRatio |
5 | 79 | 22 | 15 | 6 | 18 | 22 | 14 | 6 | 1.0 | 4.4 | 6 |
xlink_href |
5 | 12 | 4Фрагменты документа (включая ссылки на фрагменты в текущем документе) не поддерживаются (см. ошибку 455986). |
9 | 6 | 18 | 4Фрагменты документа (включая ссылки на фрагменты в текущем документе) не поддерживаются (см. ошибку 455986). |
14 | 6 | 1.0 | 4.4 | 6 |
См. также
- Атрибуты примитивов фильтров SVG
-
атрибут
flood-color -
атрибут
flood-opacity <filter><animate><animateTransform><set><feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feFlood><feGaussianBlur><feMerge><feMorphology><feOffset><feSpecularLighting><feTile><feTurbulence>-
атрибут
fetchpriority - Учебник по SVG: эффекты фильтров
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Element/feImage
