Deprecated: This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.
The requiredFeatures 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.
You can use this attribute with the following SVG elements:
<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>
| Value | <list-of-features> |
|---|---|
| Default value | true if not defined, false if null or empty string as value |
| Animatable | No |
<list-of-features>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.
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; some browser support SVG 1.0 feature strings for compatibility reasons. However, the SVG 1.0 feature strings are considered deprecated.
http://www.w3.org/TR/SVG11/feature#SVGAt least one of the following feature is supported:
http://www.w3.org/TR/SVG11/feature#SVG-statichttp://www.w3.org/TR/SVG11/feature#SVG-animationhttp://www.w3.org/TR/SVG11/feature#SVG-dynamichttp://www.w3.org/TR/SVG11/feature#SVGDOMhttp://www.w3.org/TR/SVG11/feature#SVGDOMAt least one of the following feature is supported:
http://www.w3.org/TR/SVG11/feature#SVGDOM-statichttp://www.w3.org/TR/SVG11/feature#SVGDOM-animationhttp://www.w3.org/TR/SVG11/feature#SVGDOM-dynamichttp://www.w3.org/TR/SVG11/feature#SVG-staticThe browser supports all the following features:
http://www.w3.org/TR/SVG11/feature#CoreAttributehttp://www.w3.org/TR/SVG11/feature#Structurehttp://www.w3.org/TR/SVG11/feature#ContainerAttributehttp://www.w3.org/TR/SVG11/feature#ConditionalProcessinghttp://www.w3.org/TR/SVG11/feature#Imagehttp://www.w3.org/TR/SVG11/feature#Stylehttp://www.w3.org/TR/SVG11/feature#ViewportAttributehttp://www.w3.org/TR/SVG11/feature#Shapehttp://www.w3.org/TR/SVG11/feature#Texthttp://www.w3.org/TR/SVG11/feature#PaintAttributehttp://www.w3.org/TR/SVG11/feature#OpacityAttributehttp://www.w3.org/TR/SVG11/feature#GraphicsAttributehttp://www.w3.org/TR/SVG11/feature#Markerhttp://www.w3.org/TR/SVG11/feature#ColorProfilehttp://www.w3.org/TR/SVG11/feature#Gradienthttp://www.w3.org/TR/SVG11/feature#Patternhttp://www.w3.org/TR/SVG11/feature#Cliphttp://www.w3.org/TR/SVG11/feature#Maskhttp://www.w3.org/TR/SVG11/feature#Filterhttp://www.w3.org/TR/SVG11/feature#XlinkAttributehttp://www.w3.org/TR/SVG11/feature#Fonthttp://www.w3.org/TR/SVG11/feature#Extensibilityhttp://www.w3.org/TR/SVG11/feature#SVGDOM-staticThe browser supports all DOM interfaces and methods to the language features for http://www.w3.org/TR/SVG11/feature#SVG-static.
http://www.w3.org/TR/SVG11/feature#SVG-animationThe browser supports all of the language features from http://www.w3.org/TR/SVG11/feature#SVG-static plus the feature http://www.w3.org/TR/SVG11/feature#Animation.
http://www.w3.org/TR/SVG11/feature#SVGDOM-animationThe browser supports all DOM interfaces and methods corresponding to the language features for http://www.w3.org/TR/SVG11/feature#SVG-animation.
http://www.w3.org/TR/SVG11/feature#SVG-dynamicThe browser supports all of the language features from http://www.w3.org/TR/SVG11/feature#SVG-animation plus the following features:
http://www.w3.org/TR/SVG11/feature#Hyperlinkinghttp://www.w3.org/TR/SVG11/feature#Scriptinghttp://www.w3.org/TR/SVG11/feature#Viewhttp://www.w3.org/TR/SVG11/feature#Cursorhttp://www.w3.org/TR/SVG11/feature#GraphicalEventsAttributehttp://www.w3.org/TR/SVG11/feature#DocumentEventsAttributehttp://www.w3.org/TR/SVG11/feature#AnimationEventsAttributehttp://www.w3.org/TR/SVG11/feature#SVGDOM-dynamicThe browser supports all DOM interfaces and methods to the language features for http://www.w3.org/TR/SVG11/feature#SVG-dynamic.
http://www.w3.org/TR/SVG11/feature#CoreAttributeThe browser supports the id, xml:lang and xml:space attributes
http://www.w3.org/TR/SVG11/feature#StructureThe browser supports <svg>, <g>, <defs>, <desc>, <title>, <metadata>, <symbol> and <use> elements.
http://www.w3.org/TR/SVG11/feature#BasicStructureThe browser supports <svg>, <g>, <defs>, <desc>, <title>, <metadata> and <use> elements.
http://www.w3.org/TR/SVG11/feature#ContainerAttributeThe browser supports the enable-background attribute
http://www.w3.org/TR/SVG11/feature#ConditionalProcessingThe browser supports the <switch> element, and the requiredFeatures, requiredExtensions, systemLanguage attributes
http://www.w3.org/TR/SVG11/feature#ImageThe browser supports the <image> element.
http://www.w3.org/TR/SVG11/feature#StyleThe browser supports the <style> element.
http://www.w3.org/TR/SVG11/feature#ViewportAttributehttp://www.w3.org/TR/SVG11/feature#ShapeThe browser supports the <rect>, <circle>, <line>, <polyline>, <polygon>, <ellipse> and <path> elements.
http://www.w3.org/TR/SVG11/feature#TextThe browser supports the <text>, <tspan>, <tref>, <textPath>, and <glyphRef> elements.
http://www.w3.org/TR/SVG11/feature#BasicTextThe browser supports the <text> element
http://www.w3.org/TR/SVG11/feature#PaintAttributeThe browser supports the color, fill, fill-rule, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-width, color-interpolation and color-rendering attributes
http://www.w3.org/TR/SVG11/feature#BasicPaintAttributeThe browser supports the color, fill, fill-rule, stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-width and color-rendering attributes
http://www.w3.org/TR/SVG11/feature#OpacityAttributeThe browser supports the opacity, stroke-opacity and fill-opacity attributes
http://www.w3.org/TR/SVG11/feature#GraphicsAttributeThe browser supports the display, image-rendering, pointer-events, shape-rendering, text-rendering and visibility attributes
http://www.w3.org/TR/SVG11/feature#BasicGraphicsAttributeThe browser supports the display and visibility attributes
http://www.w3.org/TR/SVG11/feature#MarkerThe browser supports the <marker> element
http://www.w3.org/TR/SVG11/feature#GradientThe browser supports the <linearGradient>, <radialGradient> and <stop> elements
http://www.w3.org/TR/SVG11/feature#PatternThe browser supports the <pattern> element
http://www.w3.org/TR/SVG11/feature#ClipThe browser supports the <clipPath> element and the clip-path, clip-rule attributes
http://www.w3.org/TR/SVG11/feature#BasicClipThe browser supports the <clipPath> element and the clip-path attribute
http://www.w3.org/TR/SVG11/feature#MaskThe browser supports the <mask> element
http://www.w3.org/TR/SVG11/feature#FilterThe 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
http://www.w3.org/TR/SVG11/feature#BasicFilterThe browser supports the <filter>, <feBlend>, <feColorMatrix>, <feComponentTransfer>, <feComposite>, <feFlood>, <feGaussianBlur>, <feImage>, <feMerge>, <feMergeNode>, <feOffset>, <feTile>, <feFuncR>, <feFuncG>, <feFuncB> and <feFuncA> elements
http://www.w3.org/TR/SVG11/feature#DocumentEventsAttributeThe browser supports the onunload, onabort, onerror, onresize, onscroll and onzoom event attributes
http://www.w3.org/TR/SVG11/feature#GraphicalEventsAttributeThe browser supports the onfocusin, onfocusout, onactivate, onclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout and onload event attributes
http://www.w3.org/TR/SVG11/feature#AnimationEventsAttributeThe browser supports the onbegin, onend, onrepeat and onload event attributes
http://www.w3.org/TR/SVG11/feature#CursorThe browser supports the <cursor> element
http://www.w3.org/TR/SVG11/feature#HyperlinkingThe browser supports the <a> element
http://www.w3.org/TR/SVG11/feature#XlinkAttributeThe browser supports the xlink:type, xlink:href, xlink:role, xlink:arcrole, xlink:title, xlink:show and xlink:actuate attributes
http://www.w3.org/TR/SVG11/feature#ViewThe browser supports the <view> element
http://www.w3.org/TR/SVG11/feature#ScriptThe browser supports the <script> element
http://www.w3.org/TR/SVG11/feature#AnimationThe browser supports the <animate>, <set>, <animateMotion>, <animateTransform>, and <mpath> elements
http://www.w3.org/TR/SVG11/feature#FontThe 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
http://www.w3.org/TR/SVG11/feature#BasicFontThe browser supports the <font>, <font-face>, <glyph>, <missing-glyph>, <hkern>, <font-face-src> and <font-face-name> elements
http://www.w3.org/TR/SVG11/feature#ExtensibilityThe browser supports the <foreignObject> element
<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>
.ko {
fill: #990000;
}
.ok {
fill: #006600;
}
rect {
stroke: black;
stroke-width: 2px;
}
text {
fill: white;
font: 12px sans-serif;
}
© 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/Attribute/requiredFeatures