« SVG Attribute reference home
This attribute takes a list of feature strings, with the individual strings separated by white space. It determines whether or not all of the named features are supported by the browser; if all of them are supported, the attribute evaluates to true
end the element is rendered; otherwise, the attribute evaluates to false
and the current element and its children are skipped and thus will not be rendered. This provides a way to design SVG that gracefully falls back when features aren't available.
If the attribute is not present, then its implicit evaluated value is true
. If a null string or empty string value is given to attribute requiredFeatures
, the attribute is evaluate to false
.
requiredFeatures
is often used in conjunction with the <switch>
element. If requiredFeatures
is used in other situations, it represents a simple switch on the given element whether to render the element or not.
If you need to detect availability of an SVG feature from script, you can use the DOMImplementation.hasFeature()
method.
Usage context
Categories | Conditional processing attribute |
---|---|
Value | <list-of-features> |
Animatable | No |
Normative document | SVG 1.1 (2nd Edition) |
- <list-of-feature>
- This is a list of feature strings, separated using white space. Determines whether all of the named features are supported by the browser. See Feature strings below for a list of allowed values.
Feature Strings
The following are the feature strings for the requiredFeatures
attribute. These same feature strings apply to the hasFeature method call that is part of the SVG DOM's support for the DOMImplementation
interface. In some cases the feature strings map directly to a set of attributes, properties or elements, in others they represent some functionality of the browser. Note that the format and naming for feature strings changed from SVG 1.0 to SVG 1.1. The SVG 1.0 feature strings are not listed here but can be found in the SVG Specification. Some browser support SVG 1.0 Feature strings for compatibility reasons. However, the SVG 1.0 feature strings are considered deprecated.
- https://www.w3.org/TR/SVG11/feature#SVG
-
At least one of the following feature is supported:
- https://www.w3.org/TR/SVG11/feature#SVG-static
- https://www.w3.org/TR/SVG11/feature#SVG-animation
- https://www.w3.org/TR/SVG11/feature#SVG-dynamic
- https://www.w3.org/TR/SVG11/feature#SVGDOM
- https://www.w3.org/TR/SVG11/feature#SVGDOM
-
At least one of the following feature is supported:
- https://www.w3.org/TR/SVG11/feature#SVGDOM-static
- https://www.w3.org/TR/SVG11/feature#SVGDOM-animation
- https://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic
- https://www.w3.org/TR/SVG11/feature#SVG-static
-
The browser supports all the following features:
- https://www.w3.org/TR/SVG11/feature#CoreAttribute
- https://www.w3.org/TR/SVG11/feature#Structure
- https://www.w3.org/TR/SVG11/feature#ContainerAttribute
- https://www.w3.org/TR/SVG11/feature#ConditionalProcessing
- https://www.w3.org/TR/SVG11/feature#Image
- https://www.w3.org/TR/SVG11/feature#Style
- https://www.w3.org/TR/SVG11/feature#ViewportAttribute
- https://www.w3.org/TR/SVG11/feature#Shape
- https://www.w3.org/TR/SVG11/feature#Text
- https://www.w3.org/TR/SVG11/feature#PaintAttribute
- https://www.w3.org/TR/SVG11/feature#OpacityAttribute
- https://www.w3.org/TR/SVG11/feature#GraphicsAttribute
- https://www.w3.org/TR/SVG11/feature#Marker
- https://www.w3.org/TR/SVG11/feature#ColorProfile
- https://www.w3.org/TR/SVG11/feature#Gradient
- https://www.w3.org/TR/SVG11/feature#Pattern
- https://www.w3.org/TR/SVG11/feature#Clip
- https://www.w3.org/TR/SVG11/feature#Mask
- https://www.w3.org/TR/SVG11/feature#Filter
- https://www.w3.org/TR/SVG11/feature#XlinkAttribute
- https://www.w3.org/TR/SVG11/feature#Font
- https://www.w3.org/TR/SVG11/feature#Extensibility
- https://www.w3.org/TR/SVG11/feature#SVGDOM-static
-
The browser supports all of the DOM interfaces and methods that correspond to the language features for https://www.w3.org/TR/SVG11/feature#SVG-static.
- https://www.w3.org/TR/SVG11/feature#SVG-animation
-
The browser supports all of the language features from https://www.w3.org/TR/SVG11/feature#SVG-static plus the feature https://www.w3.org/TR/SVG11/feature#Animation.
- https://www.w3.org/TR/SVG11/feature#SVGDOM-animation
-
The browser supports all of the DOM interfaces and methods that correspond to the language features for https://www.w3.org/TR/SVG11/feature#SVG-animation.
- https://www.w3.org/TR/SVG11/feature#SVG-dynamic
-
The browser supports all of the language features from https://www.w3.org/TR/SVG11/feature#SVG-animation plus the following features:
- https://www.w3.org/TR/SVG11/feature#Hyperlinking
- https://www.w3.org/TR/SVG11/feature#Scripting
- https://www.w3.org/TR/SVG11/feature#View
- https://www.w3.org/TR/SVG11/feature#Cursor
- https://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute
- https://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute
- https://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute
- https://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic
-
The browser supports all of the DOM interfaces and methods that correspond to the language features for https://www.w3.org/TR/SVG11/feature#SVG-dynamic.
- https://www.w3.org/TR/SVG11/feature#CoreAttribute
-
The browser supports the
id
,xml:base
,xml:lang
andxml:space
attributes - https://www.w3.org/TR/SVG11/feature#Structure
-
The browser supports
<svg>
,<g>
,<defs>
,<desc>
,<title>
,<metadata>
,<symbol>
and<use>
elements. - https://www.w3.org/TR/SVG11/feature#BasicStructure
-
The browser supports
<svg>
,<g>
,<defs>
,<desc>
,<title>
,<metadata>
and<use>
elements. - https://www.w3.org/TR/SVG11/feature#ContainerAttribute
-
The browser supports the
enable-background
attribute - https://www.w3.org/TR/SVG11/feature#ConditionalProcessing
-
The browser supports the
<switch>
element, and therequiredFeatures
,requiredExtensions
,systemLanguage
attributes - https://www.w3.org/TR/SVG11/feature#Image
-
The browser supports the
<image>
element. - https://www.w3.org/TR/SVG11/feature#Style
-
The browser supports the
<style>
element. - https://www.w3.org/TR/SVG11/feature#ViewportAttribute
- https://www.w3.org/TR/SVG11/feature#Shape
-
The browser supports the
<rect>
,<circle>
,<line>
,<polyline>
,<polygon>
,<ellipse>
and<path>
elements. - https://www.w3.org/TR/SVG11/feature#Text
-
The browser supports the
<text>
,<tspan>
,<tref>
,<textpath>
,<altglyph>
,<altglyphdef>
,<altglyphitem>
and<glyphref>
elements. - https://www.w3.org/TR/SVG11/feature#BasicText
-
The browser supports the
<text>
element - https://www.w3.org/TR/SVG11/feature#PaintAttribute
-
The browser supports the
color
,fill
,fill-rule
,stroke
,stroke-dasharray
,stroke-dashoffset
,stroke-linecap
,stroke-linejoin
,stroke-miterlimit
,stroke-width
,color-interpolation
andcolor-rendering
attributes - https://www.w3.org/TR/SVG11/feature#BasicPaintAttribute
-
The browser supports the
color
,fill
,fill-rule
,stroke
,stroke-dasharray
,stroke-dashoffset
,stroke-linecap
,stroke-linejoin
,stroke-miterlimit
,stroke-width
andcolor-rendering
attributes - https://www.w3.org/TR/SVG11/feature#OpacityAttribute
-
The browser supports the
opacity
,stroke-opacity
andfill-opacity
attributes - https://www.w3.org/TR/SVG11/feature#GraphicsAttribute
-
The browser supports the
display
,image-rendering
,pointer-events
,shape-rendering
,text-rendering
andvisibility
attributes - https://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute
-
The browser supports the
display
andvisibility
attributes - https://www.w3.org/TR/SVG11/feature#Marker
-
The browser supports the
<marker>
element - https://www.w3.org/TR/SVG11/feature#ColorProfile
-
The browser supports the
<color-profile>
element - https://www.w3.org/TR/SVG11/feature#Gradient
-
The browser supports the
<lineargradient>
,<radialgradient>
and<stop>
elements - https://www.w3.org/TR/SVG11/feature#Pattern
-
The browser supports the
<pattern>
element - https://www.w3.org/TR/SVG11/feature#Clip
-
The browser supports the
<clippath>
element and theclip-path
,clip-rule
attributes - https://www.w3.org/TR/SVG11/feature#BasicClip
-
The browser supports the
<clippath>
element and theclip-path
attribute - https://www.w3.org/TR/SVG11/feature#Mask
-
The browser supports the
<mask>
element - https://www.w3.org/TR/SVG11/feature#Filter
-
The browser supports the
<filter>
,<feblend>
,<fecolormatrix>
,<fecomponenttransfer>
,<fecomposite>
,<feconvolvematrix>
,<fediffuselighting>
,<fedisplacementmap>
,<feflood>
,<fegaussianblur>
,<feimage>
,<femerge>
,<femergenode>
,<femorphology>
,<feoffset>
,<fespecularlighting>
,<fetile>
,<fedistantlight>
,<fepointlight>
,<fespotlight>
,<fefuncr>
,<fefuncg>
,<fefuncb>
and<fefunca>
elements - https://www.w3.org/TR/SVG11/feature#BasicFilter
-
The browser supports the
<filter>
,<feblend>
,<fecolormatrix>
,<fecomponenttransfer>
,<fecomposite>
,<feflood>
,<fegaussianblur>
,<feimage>
,<femerge>
,<femergenode>
,<feoffset>
,<fetile>
,<fefuncr>
,<fefuncg>
,<fefuncb>
and<fefunca>
elements - https://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute
-
The browser supports the
onunload
,onabort
,onerror
,onresize
,onscroll
andonzoom
attributes - https://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute
-
The browser supports the
onfocusin
,onfocusout
,onactivate
,onclick
,onmousedown
,onmouseup
,onmouseover
,onmousemove
,onmouseout
andonload
attributes - https://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute
-
The browser supports the
onbegin
,onend
,onrepeat
andonload
attributes - https://www.w3.org/TR/SVG11/feature#Cursor
-
The browser supports the
<cursor>
element - https://www.w3.org/TR/SVG11/feature#Hyperlinking
-
The browser supports the
<a>
element - https://www.w3.org/TR/SVG11/feature#XlinkAttribute
-
The browser supports the
xlink:type
,xlink:href
,xlink:role
,xlink:arcrole
,xlink:title
,xlink:show
andxlink:actuate
attributes - https://www.w3.org/TR/SVG11/feature#ExternalResourcesRequired
-
The browser supports the
externalResourcesRequired
attribute - https://www.w3.org/TR/SVG11/feature#View
-
The browser supports the
<view>
element - https://www.w3.org/TR/SVG11/feature#Script
-
The browser supports the
<script>
element - https://www.w3.org/TR/SVG11/feature#Animation
-
The browser supports the
<animate>
,<set>
,<animatemotion>
,<animatetransform>
,<animatecolor>
and<mpath>
elements - https://www.w3.org/TR/SVG11/feature#Font
-
The browser supports the
<font>
,<font-face>
,<glyph>
,<missing-glyph>
,<hkern>
,<vkern>
,<font-face-src>
,<font-face-uri>
,<font-face-format>
and<font-face-name>
elements - https://www.w3.org/TR/SVG11/feature#BasicFont
-
The browser supports the
<font>
,<font-face>
,<glyph>
,<missing-glyph>
,<hkern>
,<font-face-src>
and<font-face-name>
elements - https://www.w3.org/TR/SVG11/feature#Extensibility
-
The browser supports the
<foreignobject>
element
Example
Source code | Output result |
---|---|
<?xml version="1.0"?> <svg width="450" height="1170" viewPort="0 0 450 1170" version="1.1" xmlns="https://www.w3.org/2000/svg"> <style><![CDATA[ .ko{ fill: #900; } .ok{ fill: #060; } rect{ stroke:#000; stroke-width: 2px; } text{ fill:#FFF; font: 12px sans-serif; } ]]></style> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#SVG" /> <text x="20" y="27">https://www.w3.org/TR/SVG11/feature#SVG</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#SVGDOM" /> <text x="20" y="52">https://www.w3.org/TR/SVG11/feature#SVGDOM</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#SVG-static" /> <text x="20" y="77">https://www.w3.org/TR/SVG11/feature#SVG-static</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#SVGDOM-static" /> <text x="20" y="102">https://www.w3.org/TR/SVG11/feature#SVGDOM-static</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#SVG-animation" /> <text x="20" y="127">https://www.w3.org/TR/SVG11/feature#SVG-animation</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#SVGDOM-animation" /> <text x="20" y="152">https://www.w3.org/TR/SVG11/feature#SVGDOM-animation</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#SVG-dynamic" /> <text x="20" y="177">https://www.w3.org/TR/SVG11/feature#SVG-dynamic</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic" /> <text x="20" y="202">https://www.w3.org/TR/SVG11/feature#SVGDOM-dynamic</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#CoreAttribute" /> <text x="20" y="227">https://www.w3.org/TR/SVG11/feature#CoreAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Structure" /> <text x="20" y="252">https://www.w3.org/TR/SVG11/feature#Structure</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#BasicStructure" /> <text x="20" y="277">https://www.w3.org/TR/SVG11/feature#BasicStructure</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#ContainerAttribute" /> <text x="20" y="302">https://www.w3.org/TR/SVG11/feature#ContainerAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#ConditionalProcessing" /> <text x="20" y="327">https://www.w3.org/TR/SVG11/feature#ConditionalProcessing</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Image" /> <text x="20" y="352">https://www.w3.org/TR/SVG11/feature#Image</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Style" /> <text x="20" y="377">https://www.w3.org/TR/SVG11/feature#Style</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#ViewportAttribute" /> <text x="20" y="402">https://www.w3.org/TR/SVG11/feature#ViewportAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Shape" /> <text x="20" y="427">https://www.w3.org/TR/SVG11/feature#Shape</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Text" /> <text x="20" y="452">https://www.w3.org/TR/SVG11/feature#Text</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#BasicText" /> <text x="20" y="477">https://www.w3.org/TR/SVG11/feature#BasicText</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#PaintAttribute" /> <text x="20" y="502">https://www.w3.org/TR/SVG11/feature#PaintAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#BasicPaintAttribute" /> <text x="20" y="527">https://www.w3.org/TR/SVG11/feature#BasicPaintAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#OpacityAttribute" /> <text x="20" y="552">https://www.w3.org/TR/SVG11/feature#OpacityAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#GraphicsAttribute" /> <text x="20" y="577">https://www.w3.org/TR/SVG11/feature#GraphicsAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute" /> <text x="20" y="602">https://www.w3.org/TR/SVG11/feature#BasicGraphicsAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Marker" /> <text x="20" y="627">https://www.w3.org/TR/SVG11/feature#Marker</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#ColorProfile" /> <text x="20" y="652">https://www.w3.org/TR/SVG11/feature#ColorProfile</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Gradient" /> <text x="20" y="677">https://www.w3.org/TR/SVG11/feature#Gradient</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Pattern" /> <text x="20" y="702">https://www.w3.org/TR/SVG11/feature#Pattern</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Clip" /> <text x="20" y="727">https://www.w3.org/TR/SVG11/feature#Clip</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#BasicClip" /> <text x="20" y="752">https://www.w3.org/TR/SVG11/feature#BasicClip</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Mask" /> <text x="20" y="777">https://www.w3.org/TR/SVG11/feature#Mask</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Filter" /> <text x="20" y="802">https://www.w3.org/TR/SVG11/feature#Filter</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#BasicFilter" /> <text x="20" y="827">https://www.w3.org/TR/SVG11/feature#BasicFilter</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute" /> <text x="20" y="852">https://www.w3.org/TR/SVG11/feature#DocumentEventsAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute" /> <text x="20" y="877">https://www.w3.org/TR/SVG11/feature#GraphicalEventsAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute" /> <text x="20" y="902">https://www.w3.org/TR/SVG11/feature#AnimationEventsAttribute</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Cursor" /> <text x="20" y="927">https://www.w3.org/TR/SVG11/feature#Cursor</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Hyperlinking" /> <text x="20" y="952">https://www.w3.org/TR/SVG11/feature#Hyperlinking</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#XlinkAttribute" /> <text x="20" y="977">https://www.w3.org/TR/SVG11/feature#XlinkAttribute</text> <!-- Testing : https://www.w3.org/TR/SVG11/feature#ExternalResourcesRequired --> <rect class="ko" x="10" y="985" height="25" width="430" /> <rect class="ok" x="10" y="985" height="25" width="430" requiredFeatures="https://www.w3.org/TR/SVG11/feature#ExternalResourcesRequired" /> <text x="20" y="1002">https://www.w3.org/TR/SVG11/feature#ExternalResourcesRequired</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#View" /> <text x="20" y="1027">https://www.w3.org/TR/SVG11/feature#View</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Script" /> <text x="20" y="1052">https://www.w3.org/TR/SVG11/feature#Script</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Animation" /> <text x="20" y="1077">https://www.w3.org/TR/SVG11/feature#Animation</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Font" /> <text x="20" y="1102">https://www.w3.org/TR/SVG11/feature#Font</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#BasicFont" /> <text x="20" y="1127">https://www.w3.org/TR/SVG11/feature#BasicFont</text> <!-- Testing : https://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="https://www.w3.org/TR/SVG11/feature#Extensibility" /> <text x="20" y="1152">https://www.w3.org/TR/SVG11/feature#Extensibility</text> </svg> |
Elements
The following elements can use the requiredFeatures
attribute
- Animation elements »
- Graphics elements »
- Text content child elements »
<a>
<clippath>
<cursor>
<defs>
<foreignobject>
<g>
<mask>
<pattern>
<svg>
<switch>