необходимыеФункции

Устаревший: Эта функция больше не рекомендуется. Хотя некоторые браузеры могут её всё ещё поддерживать, она, возможно, уже удалена из соответствующих веб-стандартов, может быть в процессе удаления или поддерживается только для совместимости. Избегайте её использования и, по возможности, обновляйте существующий код. Обратитесь к таблице совместимости внизу этой страницы для принятия решения. Имейте в виду, что эта функция может перестать работать в любой момент.

Атрибут requiredFeatures принимает список строк функций, разделённых пробелами. Он определяет, поддерживают ли все указанные функции браузер. Если все они поддерживаются, атрибут принимает значение true и элемент отображается; в противном случае, атрибут принимает значение false и текущий элемент вместе с его дочерними элементами пропускаются и не отображаются. Это обеспечивает возможность разработки SVG, которая корректно работает в случае отсутствия поддерживаемых функций.

Если атрибут отсутствует, его неявное значение равно true. Если для атрибута requiredFeatures задано значение null или пустая строка, атрибут принимает значение false.

requiredFeatures часто используется совместно с элементом <switch>. Если requiredFeatures используется в других ситуациях, он представляет собой простой переключатель для отображения или скрытия данного элемента.

Вы можете использовать этот атрибут со следующими элементами SVG:

Пример

html

<svg viewBox="0 0 250 45" xmlns="http://www.w3.org/2000/svg">
  <g>
    <rect fill="forestgreen" x="10" y="10" height="25" width="230" />
    <text x="20" y="27">requiredFeatures supported</text>
  </g>
  <g requiredFeatures="">
    <rect fill="crimson" x="10" y="10" height="25" width="230" />
    <text x="20" y="27">requiredFeatures not supported</text>
  </g>
</svg>

Примечания по использованию

Значение	`<list-of-features>`
Значение по умолчанию	`true` если не определено, `false` если значение null или пустая строка
Анимируемо	Нет

<list-of-features>: Это список строк функций, разделённых пробелами. Определяет, поддерживают ли все указанные функции браузер. См. Строки функций ниже для списка допустимых значений.

Строки функций

Ниже приведены строки функций для атрибута requiredFeatures. Эти же строки функций применяются к вызову метода hasFeature, который является частью поддержки SVG DOM для интерфейса DOMImplementation. В некоторых случаях строки функций напрямую отображаются на наборе атрибутов, свойств или элементов, в других они представляют некоторые функциональные возможности браузера. Обратите внимание, что формат и наименование строк функций изменились со SVG 1.0 на SVG 1.1. Строки функций SVG 1.0 не указаны здесь, но их можно найти в спецификации SVG. Некоторые браузеры поддерживают строки функций SVG 1.0 по соображениям совместимости. Однако строки функций SVG 1.0 считаются устаревшими.

http://www.w3.org/TR/SVG11/feature#SVG

Поддерживается как минимум одно из следующих свойств:

http://www.w3.org/TR/SVG11/feature#SVG-static
http://www.w3.org/TR/SVG11/feature#SVG-animation
http://www.w3.org/TR/SVG11/feature#SVG-dynamic
http://www.w3.org/TR/SVG11/feature#SVGDOM

http://www.w3.org/TR/SVG11/feature#SVGDOM

Поддерживается как минимум одно из следующих свойств:

http://www.w3.org/TR/SVG11/feature#SVGDOM-static
http://www.w3.org/TR/SVG11/feature#SVGDOM-animation
http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic

http://www.w3.org/TR/SVG11/feature#SVG-static

Браузер поддерживает все следующие свойства:

http://www.w3.org/TR/SVG11/feature#CoreAttribute
http://www.w3.org/TR/SVG11/feature#Structure
http://www.w3.org/TR/SVG11/feature#ContainerAttribute
http://www.w3.org/TR/SVG11/feature#ConditionalProcessing
http://www.w3.org/TR/SVG11/feature#Image
http://www.w3.org/TR/SVG11/feature#Style
http://www.w3.org/TR/SVG11/feature#ViewportAttribute
http://www.w3.org/TR/SVG11/feature#Shape
http://www.w3.org/TR/SVG11/feature#Text
http://www.w3.org/TR/SVG11/feature#PaintAttribute
http://www.w3.org/TR/SVG11/feature#OpacityAttribute
http://www.w3.org/TR/SVG11/feature#GraphicsAttribute
http://www.w3.org/TR/SVG11/feature#Marker
http://www.w3.org/TR/SVG11/feature#ColorProfile
http://www.w3.org/TR/SVG11/feature#Gradient
http://www.w3.org/TR/SVG11/feature#Pattern
http://www.w3.org/TR/SVG11/feature#Clip
http://www.w3.org/TR/SVG11/feature#Mask
http://www.w3.org/TR/SVG11/feature#Filter
http://www.w3.org/TR/SVG11/feature#XlinkAttribute
http://www.w3.org/TR/SVG11/feature#Font
http://www.w3.org/TR/SVG11/feature#Extensibility

http://www.w3.org/TR/SVG11/feature#SVGDOM-static

Браузер поддерживает все интерфейсы и методы DOM для свойств языка http://www.w3.org/TR/SVG11/feature#SVG-static.

http://www.w3.org/TR/SVG11/feature#SVG-animation

Браузер поддерживает все свойства языка из http://www.w3.org/TR/SVG11/feature#SVG-static плюс свойство http://www.w3.org/TR/SVG11/feature#Animation.

http://www.w3.org/TR/SVG11/feature#SVGDOM-animation

Браузер поддерживает все интерфейсы и методы DOM, соответствующие свойствам языка для http://www.w3.org/TR/SVG11/feature#SVG-animation.

http://www.w3.org/TR/SVG11/feature#SVG-dynamic

Браузер поддерживает все свойства языка из http://www.w3.org/TR/SVG11/feature#SVG-animation плюс следующие свойства:

http://www.w3.org/TR/SVG11/feature#Hyperlinking
http://www.w3.org/TR/SVG11/feature#Scripting
http://www.w3.org/TR/SVG11/feature#View
http://www.w3.org/TR/SVG11/feature#Cursor
http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute
http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute
http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute

http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic

Браузер поддерживает все интерфейсы и методы DOM для свойств языка http://www.w3.org/TR/SVG11/feature#SVG-dynamic.

http://www.w3.org/TR/SVG11/feature#CoreAttribute

Браузер поддерживает атрибуты id, xml:lang и xml:space

http://www.w3.org/TR/SVG11/feature#Structure

Браузер поддерживает элементы <svg>, <g>, <defs>, <desc>, <title>, <metadata>, <symbol> и <use>.

http://www.w3.org/TR/SVG11/feature#BasicStructure

Браузер поддерживает элементы <svg>, <g>, <defs>, <desc>, <title>, <metadata> и <use>.

http://www.w3.org/TR/SVG11/feature#ContainerAttribute

Браузер поддерживает атрибут enable-background

http://www.w3.org/TR/SVG11/feature#ConditionalProcessing

Браузер поддерживает элемент <switch>, а также атрибуты requiredFeatures, requiredExtensions, systemLanguage

http://www.w3.org/TR/SVG11/feature#Image

Браузер поддерживает элемент <image>.

http://www.w3.org/TR/SVG11/feature#Style

Браузер поддерживает элемент <style>.

http://www.w3.org/TR/SVG11/feature#ViewportAttribute

Браузер поддерживает атрибуты clip и overflow.

http://www.w3.org/TR/SVG11/feature#Shape

Браузер поддерживает элементы <rect>, <circle>, <line>, <polyline>, <polygon>, <ellipse> и <path>.

http://www.w3.org/TR/SVG11/feature#Text

Браузер поддерживает элементы <text>, <tspan>, <tref>, <textPath> и <glyphRef>.

http://www.w3.org/TR/SVG11/feature#BasicText

Браузер поддерживает элемент <text>

http://www.w3.org/TR/SVG11/feature#PaintAttribute

Браузер поддерживает атрибуты color, fill, fill-rule, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-width, color-interpolation и color-rendering

http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute

http://www.w3.org/TR/SVG11/feature#OpacityAttribute

Браузер поддерживает атрибуты opacity, stroke-opacity и fill-opacity

http://www.w3.org/TR/SVG11/feature#GraphicsAttribute

Браузер поддерживает атрибуты display, image-rendering, pointer-events, shape-rendering, text-rendering и visibility

http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute

Браузер поддерживает атрибуты display и visibility

http://www.w3.org/TR/SVG11/feature#Marker

Браузер поддерживает элемент <marker>

http://www.w3.org/TR/SVG11/feature#Gradient

Браузер поддерживает элементы <linearGradient>, <radialGradient> и <stop>

http://www.w3.org/TR/SVG11/feature#Pattern

Браузер поддерживает элемент <pattern>

http://www.w3.org/TR/SVG11/feature#Clip

Браузер поддерживает элемент <clipPath> и атрибуты clip-path, clip-rule

http://www.w3.org/TR/SVG11/feature#BasicClip

Браузер поддерживает элемент <clipPath> и атрибут clip-path

http://www.w3.org/TR/SVG11/feature#Mask

Браузер поддерживает элемент <mask>

http://www.w3.org/TR/SVG11/feature#Filter

END_OF_DOCUMENT_MARKER

Браузер поддерживает элементы <filter>, <feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feConvolveMatrix>, <feDiffuseLighting>, <feDisplacementMap>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMergeNode>, <feMorphology>, <feOffset>, <feSpecularLighting>, <feTile>, <feDistantLight>, <fePointLight>, <feSpotLight>, <feFuncR>, <feFuncG>, <feFuncB> и <feFuncA>
http://www.w3.org/TR/SVG11/feature#BasicFilter: Браузер поддерживает элементы <filter>, <feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMergeNode>, <feOffset>, <feTile>, <feFuncR>, <feFuncG>, <feFuncB> и <feFuncA>
http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute: Браузер поддерживает атрибуты событий onunload, onabort, onerror, onresize, onscroll и onzoom событий
http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute: Браузер поддерживает атрибуты событий onfocusin, onfocusout, onactivate, onclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout и onload событий
http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute: Браузер поддерживает атрибуты событий onbegin, onend, onrepeat и onload событий
http://www.w3.org/TR/SVG11/feature#Cursor: Браузер поддерживает элемент <cursor>
http://www.w3.org/TR/SVG11/feature#Hyperlinking: Браузер поддерживает элемент <a>
http://www.w3.org/TR/SVG11/feature#XlinkAttribute: Браузер поддерживает атрибуты xlink:type, xlink:href, xlink:role, xlink:arcrole, xlink:title, xlink:show и xlink:actuate
http://www.w3.org/TR/SVG11/feature#View: Браузер поддерживает элемент <view>
http://www.w3.org/TR/SVG11/feature#Script: Браузер поддерживает элемент <script>
http://www.w3.org/TR/SVG11/feature#Animation: Браузер поддерживает элементы <animate>, <set>, <animateMotion>, <animateTransform> и <mpath>
http://www.w3.org/TR/SVG11/feature#Font: Браузер поддерживает элементы <font>, <font-face>, <glyph>, <missing-glyph>, <hkern>, <vkern>, <font-face-src>, <font-face-uri>, <font-face-format> и <font-face-name>
http://www.w3.org/TR/SVG11/feature#BasicFont: Браузер поддерживает элементы <font>, <font-face>, <glyph>, <missing-glyph>, <hkern>, <font-face-src> и <font-face-name>
http://www.w3.org/TR/SVG11/feature#Extensibility: Браузер поддерживает элемент <foreignObject>

Тестирование поддержки функций

SVG

html

<svg width="450" height="1170" xmlns="http://www.w3.org/2000/svg">
  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG -->
  <rect class="ko" x="10" y="10" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="10"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG" />
  <text x="20" y="27">http://www.w3.org/TR/SVG11/feature#SVG</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM -->
  <rect class="ko" x="10" y="35" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="35"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM" />
  <text x="20" y="52">http://www.w3.org/TR/SVG11/feature#SVGDOM</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG-static -->
  <rect class="ko" x="10" y="60" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="60"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG-static" />
  <text x="20" y="77">http://www.w3.org/TR/SVG11/feature#SVG-static</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM-static -->
  <rect class="ko" x="10" y="85" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="85"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM-static" />
  <text x="20" y="102">http://www.w3.org/TR/SVG11/feature#SVGDOM-static</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG-animation -->
  <rect class="ko" x="10" y="110" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="110"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG-animation" />
  <text x="20" y="127">http://www.w3.org/TR/SVG11/feature#SVG-animation</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM-animation -->
  <rect class="ko" x="10" y="135" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="135"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM-animation" />
  <text x="20" y="152">
    http://www.w3.org/TR/SVG11/feature#SVGDOM-animation
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVG-dynamic -->
  <rect class="ko" x="10" y="160" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="160"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVG-dynamic" />
  <text x="20" y="177">http://www.w3.org/TR/SVG11/feature#SVG-dynamic</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic -->
  <rect class="ko" x="10" y="185" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="185"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic" />
  <text x="20" y="202">http://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#CoreAttribute -->
  <rect class="ko" x="10" y="210" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="210"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#CoreAttribute" />
  <text x="20" y="227">http://www.w3.org/TR/SVG11/feature#CoreAttribute</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Structure -->
  <rect class="ko" x="10" y="235" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="235"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Structure" />
  <text x="20" y="252">http://www.w3.org/TR/SVG11/feature#Structure</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicStructure -->
  <rect class="ko" x="10" y="260" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="260"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicStructure" />
  <text x="20" y="277">http://www.w3.org/TR/SVG11/feature#BasicStructure</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#ContainerAttribute -->
  <rect class="ko" x="10" y="285" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="285"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#ContainerAttribute" />
  <text x="20" y="302">
    http://www.w3.org/TR/SVG11/feature#ContainerAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#ConditionalProcessing -->
  <rect class="ko" x="10" y="310" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="310"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#ConditionalProcessing" />
  <text x="20" y="327">
    http://www.w3.org/TR/SVG11/feature#ConditionalProcessing
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Image -->
  <rect class="ko" x="10" y="335" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="335"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Image" />
  <text x="20" y="352">http://www.w3.org/TR/SVG11/feature#Image</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Style -->
  <rect class="ko" x="10" y="360" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="360"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Style" />
  <text x="20" y="377">http://www.w3.org/TR/SVG11/feature#Style</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#ViewportAttribute -->
  <rect class="ko" x="10" y="385" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="385"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#ViewportAttribute" />
  <text x="20" y="402">
    http://www.w3.org/TR/SVG11/feature#ViewportAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Shape -->
  <rect class="ko" x="10" y="410" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="410"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Shape" />
  <text x="20" y="427">http://www.w3.org/TR/SVG11/feature#Shape</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Text -->
  <rect class="ko" x="10" y="435" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="435"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Text" />
  <text x="20" y="452">http://www.w3.org/TR/SVG11/feature#Text</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicText -->
  <rect class="ko" x="10" y="460" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="460"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicText" />
  <text x="20" y="477">http://www.w3.org/TR/SVG11/feature#BasicText</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#PaintAttribute -->
  <rect class="ko" x="10" y="485" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="485"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#PaintAttribute" />
  <text x="20" y="502">http://www.w3.org/TR/SVG11/feature#PaintAttribute</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute -->
  <rect class="ko" x="10" y="510" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="510"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute" />
  <text x="20" y="527">
    http://www.w3.org/TR/SVG11/feature#BasicPaintAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#OpacityAttribute -->
  <rect class="ko" x="10" y="535" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="535"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#OpacityAttribute" />
  <text x="20" y="552">
    http://www.w3.org/TR/SVG11/feature#OpacityAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#GraphicsAttribute -->
  <rect class="ko" x="10" y="560" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="560"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#GraphicsAttribute" />
  <text x="20" y="577">
    http://www.w3.org/TR/SVG11/feature#GraphicsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute -->
  <rect class="ko" x="10" y="585" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="585"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute" />
  <text x="20" y="602">
    http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Marker -->
  <rect class="ko" x="10" y="610" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="610"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Marker" />
  <text x="20" y="627">http://www.w3.org/TR/SVG11/feature#Marker</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#ColorProfile -->
  <rect class="ko" x="10" y="635" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="635"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#ColorProfile" />
  <text x="20" y="652">http://www.w3.org/TR/SVG11/feature#ColorProfile</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Gradient -->
  <rect class="ko" x="10" y="660" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="660"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Gradient" />
  <text x="20" y="677">http://www.w3.org/TR/SVG11/feature#Gradient</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Pattern -->
  <rect class="ko" x="10" y="685" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="685"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Pattern" />
  <text x="20" y="702">http://www.w3.org/TR/SVG11/feature#Pattern</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Clip -->
  <rect class="ko" x="10" y="710" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="710"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Clip" />
  <text x="20" y="727">http://www.w3.org/TR/SVG11/feature#Clip</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicClip -->
  <rect class="ko" x="10" y="735" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="735"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicClip" />
  <text x="20" y="752">http://www.w3.org/TR/SVG11/feature#BasicClip</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Mask -->
  <rect class="ko" x="10" y="760" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="760"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Mask" />
  <text x="20" y="777">http://www.w3.org/TR/SVG11/feature#Mask</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Filter -->
  <rect class="ko" x="10" y="785" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="785"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Filter" />
  <text x="20" y="802">http://www.w3.org/TR/SVG11/feature#Filter</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicFilter -->
  <rect class="ko" x="10" y="810" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="810"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicFilter" />
  <text x="20" y="827">http://www.w3.org/TR/SVG11/feature#BasicFilter</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute -->
  <rect class="ko" x="10" y="835" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="835"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute" />
  <text x="20" y="852">
    http://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute -->
  <rect class="ko" x="10" y="860" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="860"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute" />
  <text x="20" y="877">
    http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute -->
  <rect class="ko" x="10" y="885" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="885"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute" />
  <text x="20" y="902">
    http://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute
  </text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Cursor -->
  <rect class="ko" x="10" y="910" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="910"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Cursor" />
  <text x="20" y="927">http://www.w3.org/TR/SVG11/feature#Cursor</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Hyperlinking -->
  <rect class="ko" x="10" y="935" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="935"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Hyperlinking" />
  <text x="20" y="952">http://www.w3.org/TR/SVG11/feature#Hyperlinking</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#XlinkAttribute -->
  <rect class="ko" x="10" y="960" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="960"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#XlinkAttribute" />
  <text x="20" y="977">http://www.w3.org/TR/SVG11/feature#XlinkAttribute</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#View -->
  <rect class="ko" x="10" y="1010" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1010"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#View" />
  <text x="20" y="1027">http://www.w3.org/TR/SVG11/feature#View</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Script -->
  <rect class="ko" x="10" y="1035" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1035"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Script" />
  <text x="20" y="1052">http://www.w3.org/TR/SVG11/feature#Script</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Animation -->
  <rect class="ko" x="10" y="1060" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1060"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Animation" />
  <text x="20" y="1077">http://www.w3.org/TR/SVG11/feature#Animation</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Font -->
  <rect class="ko" x="10" y="1085" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1085"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Font" />
  <text x="20" y="1102">http://www.w3.org/TR/SVG11/feature#Font</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#BasicFont -->
  <rect class="ko" x="10" y="1110" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1110"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#BasicFont" />
  <text x="20" y="1127">http://www.w3.org/TR/SVG11/feature#BasicFont</text>

  <!-- Testing : http://www.w3.org/TR/SVG11/feature#Extensibility -->
  <rect class="ko" x="10" y="1135" height="25" width="430" />
  <rect
    class="ok"
    x="10"
    y="1135"
    height="25"
    width="430"
    requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" />
  <text x="20" y="1152">http://www.w3.org/TR/SVG11/feature#Extensibility</text>
</svg>

CSS

css

.ko {
  fill: #900;
}

.ok {
  fill: #060;
}

rect {
  stroke: #000;
  stroke-width: 2px;
}

text {
  fill: #fff;
  font: 12px sans-serif;
}

Результат

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

Спецификация не найдена

Данные спецификаций для svg.global_attributes.requiredFeatures не найдены.
Проверьте наличие проблем на этой странице или внесите недостающую spec_url в mdn/browser-compat-data. Также убедитесь, что спецификация включена в w3c/browser-specs.

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

© 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/Attribute/requiredFeatures